有未补充的信息,强制补充 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',值)

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

首页是引用全局弹框

  • 15
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值