vue 許可權控制按鈕3種樣式 內容 以及跳轉事件

2022-07-20 17:24:11 字數 842 閱讀 9254

最近碰到乙個因為要根據許可權來給乙個按鈕變成不同功能,

簡單寫出3個按鈕然後用v-if也能實現這個功能,但是在載入頁面時,如果延遲過高則會把按鈕按照dom順序載入出來,這是個很不好的效果

思索了下,把三個功能分開寫,目前但說能達到需求,但個人感覺還不是最好解決辦法,在此記錄下來以待將來發現更好辦法

>立即預約

span

>

<

span

v-show

="items.msg==2"

>已預約

span

>

<

span

v-show

="items.msg==3"

>已過期

span

>

span

>

div>

ticketdata = ;

vue(,

methods:

else

if( this.items.msg == 2 )}}

})

按鈕許可權控制

通過 獲取前台傳入請求引數 類 方法 handlermethod methodobj handlermethod handler string function methodobj.getbean getclass getname methodobj.getmethod getname 編寫許可權檢...

Vue後台管理系統的按鈕許可權控制

摘要 最近需要在原有的後台管理系統中,需要給頁面中的所有按鈕進行許可權控制 實現的思路如下 方法一 1 獲取後台傳過來的按鈕許可權陣列,並將其儲存下來 2 寫乙個全域性的方法。判斷某個按鈕的許可權是否含在後台傳的按鈕許可權陣列中 3 頁面中在按鈕上寫v if進行控制 如下 後台的按鈕許可權資料模擬 ...

vue vuex操作按鈕許可權控制

好了,下面是具體實現步驟。1.1 思路 1.2 在store user.js 按鈕許可權 import vue from vue const haspermission userpermission 是否在許可權陣列裡面 let status eglishpermission.includes us...