有未补充的信息,强制补充 vue

当有未补充的信息时,登录进来要提醒补充信息,跳转到相应页面之后,无论点击什么都提示补充弹框(包括刷新时)

方法:

1.登录成功,将需要填写的字段存在本地或vuex中

localStorage.setItem('xxx',值)

2.登录进来之后,根据存在本地的字段判断是否需要弹框提示(引用全局弹框)

3.找到侧边栏和页签所在,做个点击事件,如果有未补充的字段,则弹框提示

localStorage.getItem('xxx')

4.刷新时,也同样需要判断是否有未补充的字段,将需要弹框写在全局中   

(如果没有补充信息,只在刷新时出现的弹框)

  写个组件 ---> 放在mian.js中注册 ---> 在app.js全局中放置全局弹框

 注:如果获取的字段接口是getInfo 那么需要做个判断,当登录之后才可以调用这个接口

 mounted() {
    window.addEventListener("load", () => {
      //写入你想要执行的代码
    });
  },

5.填写完毕之后需要将字段重新赋值

localStorage.setItem('xxx',值)

弹框需要写三次 第一次在全局弹框组件中  第二次在点击侧边栏时 第三次是在点击页签时 

首页是引用全局弹框

你可能感兴趣的:(前端,javascript,数据库)