資訊專欄INFORMATION COLUMN
摘要：老司機快上車，來不及解釋了。作者相關文章基于實現后臺系統權限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝
0. 直接上 預覽鏈接
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"].validate(valid => {
if (valid) {
this.$store.commit("SET_LOCK_PASSWD", this.form.passwd)
this.handleLock()
}
})
},
（ 2 ) 密碼存localStorage setStore是自己封裝的方法
SET_LOCK_PASSWD: (state, lockPasswd) => {
state.lockPasswd = lockPasswd
setStore({
name: "lockPasswd",
content: state.lockPasswd,
type: "session"
})
},
( 3 ) vuex設置 SET_LOCK state.isLock = true 同時存在store里面
SET_LOCK: (state, action) => {
state.isLock = true
setStore({
name: "isLock",
content: state.isLock,
type: "session"
})
},
( 4 ) 在路由里面判斷vuex里面的isLock
if (store.getters.isLock && to.path !== lockPage) {
next({
path: lockPage
})
NProgress.done()
源碼地址
前端學習交流群493671066，美女多多。老司機快上車，來不及解釋了。
作者相關Vue文章
基于Vue2.0實現后臺系統權限控制
前端文檔匯總
VUE2.0增刪改查附編輯添加model(彈框)組件共用
打賞 衷心的表示感謝文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95795.html
摘要：老司機快上車，來不及解釋了。作者相關文章基于實現后臺系統權限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝 0. 直接上 預覽鏈接 Vue項目中添加鎖屏功能 1. 實現思路 ( 1 ) 設置鎖屏密碼 ( 2 ) 密碼存localStorage （本項目已經封裝h5的sessionStorage和localStorage） ( 3 ) vuex設置 SE...
摘要：老司機快上車，來不及解釋了。作者相關文章基于實現后臺系統權限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝 0. 直接上 預覽鏈接 Vue項目中添加鎖屏功能 1. 實現思路 ( 1 ) 設置鎖屏密碼 ( 2 ) 密碼存localStorage （本項目已經封裝h5的sessionStorage和localStorage） ( 3 ) vuex設置 SE...
摘要：簡介是基于，搭配使用組件庫形成的一套后臺集成解決方案，由前端可視化團隊部分成員開發維護。遵守設計和開發約定，風格統一，設計考究，并且更多功能在不停開發中。 showImg(https://segmentfault.com/img/remote/1460000011603206); 簡介 iView Admin 是基于 Vue.js，搭配使用 iView UI 組件庫形成的一套后臺集成解...
閱讀 1207·2019-08-30 15:55
閱讀 954·2019-08-30 15:55
閱讀 2150·2019-08-30 15:44
閱讀 2880·2019-08-29 14:17
閱讀 1130·2019-08-29 12:45
閱讀 3301·2019-08-26 10:48
閱讀 3133·2019-08-23 18:18
閱讀 2599·2019-08-23 16:47
