当有未补充的信息时,登录进来要提醒补充信息,跳转到相应页面之后,无论点击什么都提示补充弹框(包括刷新时)
方法:
1.登录成功,将需要填写的字段存在本地或vuex中
localStorage.setItem('xxx',值)
2.登录进来之后,根据存在本地的字段判断是否需要弹框提示(引用全局弹框)
3.找到侧边栏和页签所在,做个点击事件,如果有未补充的字段,则弹框提示
localStorage.getItem('xxx')
4.刷新时,也同样需要判断是否有未补充的字段,将需要弹框写在全局中
(如果没有补充信息,只在刷新时出现的弹框)
写个组件 ---> 放在mian.js中注册 ---> 在app.js全局中放置全局弹框
注:如果获取的字段接口是getInfo 那么需要做个判断,当登录之后才可以调用这个接口
mounted() {
window.addEventListener("load", () => {
//写入你想要执行的代码
});
},
5.填写完毕之后需要将字段重新赋值
localStorage.setItem('xxx',值)
弹框需要写三次 第一次在全局弹框组件中 第二次在点击侧边栏时 第三次是在点击页签时
首页是引用全局弹框