关于开发Vue小白,一些技术总结

您所在的位置:网站首页 vue关闭弹窗实时刷新页面 关于开发Vue小白,一些技术总结

关于开发Vue小白,一些技术总结

2023-06-20 03:24| 来源: 网络整理| 查看: 265

一、关于Modal作为组件的使用

        效果是希望第一次打开某个页面时,弹出一个窗口,以后再打开页面时,就不显示这个弹窗了。之前一直想到是在页面跳转之间,存一个变量去控制这个弹窗,可当页面刷新,变量又变回初始值,又跳出弹窗。于是,想到使用localStorage(本地存储)存一个变量来检查用户之前有没有打开过这个页面,判断是否要打开弹窗。代码如下:

        if(!window.localStorage.getItem('storge')){

                alert('出现弹窗');

                window.localStorage.setItem('storge','true')

        }

localStorage:localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除缓存数据,否则数据永远不会消失。

二、使用路由,跳转在同一个页面;使用参数为路径的方式跳转,可页面数据没有刷新,于是在网上查看了怎么解决: 只需改为 this.$router.go(0) 就好了。

        注:我是一个父页面,2个子页面,其中一个子页面当某个按钮被触发的时候,需要实时更新数据。

三、对获取到的token进行是否为空的判断,刚开始是直接获取到的token直接与null或""进行比较,发现对token判断没有起效果。结果是:需要JSON进行转换再跟{}进行比较。

参考代码如下:

this.token=localStorage.getItem("token")?JSON.parse(localStorage.getItem("token")) : {},

if (JSON.stringify(this.token) == '{}') {

....

}



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3