主要介绍了Vue项目中添加锁屏功能的实现思路，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

1. 实现思路 ( 1 ) 设置锁屏密码 ( 2 ) 密码存localStorage （本项目已经封装h5的sessionStorage和localStorage） ( 3 ) vuex设置 SET_LOCK state.isLock = true (为true是锁屏状态) ( 4 ) 在路由里面判断vuex里面的isLock（为true锁屏状态不能让用户后退url和自行修改url跳转页面否则可以） （1）设置锁屏密码 handleSetLock() { this.$refs['form