VUE許可權指令

2021-10-24 12:27:32 字數 617 閱讀 8157

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...