vue專案將後端返回的許可權資料儲存到vuex中,並根據不同許可權展示不同內容。
directive.js
import vue from
'vue'
;vue.
directive
('rule',}
);
main.js
//單獨檔案中自定義全域性指令必須在main.js中引用
import
'./utils/directive'
menu.vue
>
>
v-for
="(item,index) in rules"
v-rule
="item"
:v-key
="index"
>}li
>
ul>
template
>
>
export
default),
};script
>
參考文獻: vue 檢視按鈕許可權指令
1.在 utils下建立js檔案,並加入以下內容 import vue from vue 引入vue 按鈕判斷 function judgebtn el,value,btns if ishas else export default function b ata 自定義指令,按鈕許可權控制 vue....
Vue框架 Vue指令
v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...
vue的自定義指令控制選單許可權
使用者登入後,選擇子節點,節點中含有多個選單,可以根據後台返回的許可權資料進行許可權控制 在vue上掛載自定義指令方法,根據後台返回許可權移除相應節點 import cookies from js cookie const haspermission export default haspermis...