TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
如果麻煩點(diǎn)做，用戶登錄完后肯定已知權(quán)限，按鈕和表單設(shè)為只讀，所有事件觸發(fā)都加入用戶權(quán)限，比如一個(gè)優(yōu)惠券的編輯事件是couponFunc(){if(sessionStorage.userPower!=1){//假設(shè)權(quán)限為1是只讀...}}這么做肯定是麻煩，但是我覺(jué)得你說(shuō)的‘所有頁(yè)面按鈕和表單全部設(shè)為只讀的’,你左側(cè)的導(dǎo)航欄肯定是可以點(diǎn)吧，要么他不是只讀，是只能看到首屏的數(shù)據(jù)，不能做任何切換所以另一種方案是在導(dǎo)航欄的右側(cè)(數(shù)據(jù)展示部分)追加一層model層，當(dāng)用戶權(quán)限為只讀的時(shí)候
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊
一個(gè)取巧的方案：在結(jié)構(gòu)最外層增加一個(gè)樣式類，這個(gè)類通過(guò)用戶權(quán)限來(lái)判定是有還是無(wú)，沒(méi)有權(quán)限的類使用css樣式禁止頁(yè)面操作，一定要保證這個(gè)類在你不想讓他點(diǎn)擊的范圍的最高層，不想禁用的功能可不要包含在它的結(jié)構(gòu)下：//template:class="{'non-authority':!authority}"//scriptthis.authority=true/false//style.non-authority{pointer-events:none;}另外還可以通過(guò)為每個(gè)控件設(shè)置disabled或者readonly的關(guān)聯(lián)變量來(lái)控制可否編輯。但稍微麻煩一些。
舉報(bào)