如果麻煩點做，用戶登錄完后肯定已知權限，按鈕和表單設為只讀，所有事件觸發都加入用戶權限，比如一個優惠券的編輯事件是
couponFunc(){
if(sessionStorage.userPower!=1){//假設權限為1是只讀
...
}
}
這么做肯定是麻煩，但是我覺得你說的‘所有頁面按鈕和表單全部設為只讀的’,你左側的導航欄肯定是可以點吧，要么他不是只讀，是只能看到首屏的數據，不能做任何切換所以另一種方案是在導航欄的右側(數據展示部分)追加一層model層，當用戶權限為只讀的時候
                            

一個取巧的方案：在結構最外層增加一個樣式類，這個類通過用戶權限來判定是有還是無，沒有權限的類使用css樣式禁止頁面操作，一定要保證這個類在你不想讓他點擊的范圍的最高層，不想禁用的功能可不要包含在它的結構下：
//template
:class="{'non-authority':!authority}"
//script
this.authority=true/false
//style
.non-authority{
pointer-events:none;
}
另外還可以通過為每個控件設置disabled或者readonly的關聯變量來控制可否編輯。但稍微麻煩一些。