資訊專欄INFORMATION COLUMN
摘要：老司機快上車，來不及解釋了。作者相關(guān)文章基于實現(xiàn)后臺系統(tǒng)權(quán)限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝
0. 直接上 預(yù)覽鏈接
Vue項目中添加鎖屏功能
1. 實現(xiàn)思路( 1 ) 設(shè)置鎖屏密碼
( 2 ) 密碼存localStorage （本項目已經(jīng)封裝h5的sessionStorage和localStorage）
( 3 ) vuex設(shè)置 SET_LOCK state.isLock = true (為true是鎖屏狀態(tài))
( 4 ) 在路由里面判斷vuex里面的isLock（為true鎖屏狀態(tài)不能讓用戶后退url和自行修改url跳轉(zhuǎn)頁面否則可以）
（1）設(shè)置鎖屏密碼 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設(shè)置 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()
源碼地址
前端學(xué)習交流群493671066，美女多多。老司機快上車，來不及解釋了。
作者相關(guān)Vue文章
基于Vue2.0實現(xiàn)后臺系統(tǒng)權(quán)限控制
前端文檔匯總
VUE2.0增刪改查附編輯添加model(彈框)組件共用
打賞 衷心的表示感謝文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95795.html
摘要：老司機快上車，來不及解釋了。作者相關(guān)文章基于實現(xiàn)后臺系統(tǒng)權(quán)限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝 0. 直接上 預(yù)覽鏈接 Vue項目中添加鎖屏功能 1. 實現(xiàn)思路 ( 1 ) 設(shè)置鎖屏密碼 ( 2 ) 密碼存localStorage （本項目已經(jīng)封裝h5的sessionStorage和localStorage） ( 3 ) vuex設(shè)置 SE...
摘要：老司機快上車，來不及解釋了。作者相關(guān)文章基于實現(xiàn)后臺系統(tǒng)權(quán)限控制前端文檔匯總增刪改查附編輯添加彈框組件共用打賞衷心的表示感謝 0. 直接上 預(yù)覽鏈接 Vue項目中添加鎖屏功能 1. 實現(xiàn)思路 ( 1 ) 設(shè)置鎖屏密碼 ( 2 ) 密碼存localStorage （本項目已經(jīng)封裝h5的sessionStorage和localStorage） ( 3 ) vuex設(shè)置 SE...
摘要：簡介是基于，搭配使用組件庫形成的一套后臺集成解決方案，由前端可視化團隊部分成員開發(fā)維護。遵守設(shè)計和開發(fā)約定，風格統(tǒng)一，設(shè)計考究，并且更多功能在不停開發(fā)中。 showImg(https://segmentfault.com/img/remote/1460000011603206); 簡介 iView Admin 是基于 Vue.js，搭配使用 iView UI 組件庫形成的一套后臺集成解...
閱讀 1230·2019-08-30 15:55
閱讀 981·2019-08-30 15:55
閱讀 2185·2019-08-30 15:44
閱讀 2954·2019-08-29 14:17
閱讀 1162·2019-08-29 12:45
閱讀 3337·2019-08-26 10:48
閱讀 3162·2019-08-23 18:18
閱讀 2631·2019-08-23 16:47
