0.直接上传预览链接即可在Vue项目中添加锁屏功能1.实现思路（1）设置锁屏密码（2）将密码保存到localStorage（本项目封装了h5的sessionStorage和localStorage）（3）vuex设置SET_LOCKstate.isLock=true（true为锁屏状态）（4）在路由中判断vuex中的isLock（真正的锁屏状态不能让用户回url并修改url跳转页面否则是)(1)设置锁屏密码handleSetLock(){this.$refs['form'].validate(valid=>{if(valid){this.$store.commit('SET_LOCK_PASSWD',this.form.passwd)this.handleLock()}})},(2)密码保存在localStoragesetStore是一个自封装的方法SET_LOCK_PASSWD:(state,lockPasswd)=>{state.lockPasswd=lockPasswdsetStore({name:'lockPasswd',content:state.lockPasswd,type:'session'})},(3)vuex设置SET_LOCKstate.isLock=true并且同时存在storeSET_LOCK:(state,action)=>{state.isLock=truesetStore({name:'isLock',content:state.isLock,type:'session'})},(4)if(store.getters.位置k&&to.path!==lockPage){next({path:lockPage})NProgress.done()源码地址前端学习交流群493671066，美女老司机赶紧上车，来不及解释.笔者相关的Vue文章都是基于Vue2.0实现后台系统权限控制。前端文档总结
