VUE專案的按鈕級別的許可權判斷的實現

2021-09-13 18:53:29 字數 658 閱讀 7063

在後台管理專案中,往往會有多種角色的人員作業系統,這時就需要對每種角色進行分許可權,我們簡單講下按鈕級別的許可權前端的實現思路,選單許可權鑑定請看:go:

1.頁面展示需要鑑權的所有按鈕,像有些查詢功能的介面可直接用選單控制許可權,即可顯示選單即可檢視資料。

2.勾選每個角色或者使用者所能看的許可權儲存在資料庫。該許可權資料是乙個許可權欄位的陣列。

3.在main.js中定義判定按鈕許可權資料的方法,一般為vue的指令directive,登入時獲取後端儲存的資料許可權陣列。

4.在每個按鈕中呼叫該指令,並傳入該操作的許可權欄位和後端儲存的許可權字段進行匹配,能匹配則該操作按鈕可顯示。

具體**為:

在main.js中定義許可權方法

/** 許可權指令,對按鈕許可權的控制 **/

vue.directive('has',

}})// 許可權檢查方法(且把該方法新增到vue原型中)

vue.prototype.$_has = function(value)

if (buttonpermsstr.indexof(value) >= 0)

return i***ist

}

在頁面中需要鑑權的按鈕呼叫該指令方法v-has:

新增後端儲存的許可權陣列又該字段可顯示,無該字段則不可顯示

Vue 專案實現按鈕級別許可權管理

在專案中經常有需求要根據使用者的許可權對介面上的元素進行控制,這裡介紹了一直簡單的實現,僅供參考。當前使用者的許可權列表儲存在store裡,也可以是其他地方。指令 src directives permission.js import vue from vue import store from s...

Vue專案的前端許可權控制

本文主要介紹在vue專案中如何進行前端許可權控制。路由許可權 路由許可權就是使用者只能訪問到自己有許可權訪問到的頁面,對於無許可權的頁面可以跳轉到404頁面或者無許可權提示。下面通過兩種方式來實現對路由的許可權控制。1.動態生成路由表 第一種方式是動態生成路由表,前端原始的路由表中只儲存一些基礎的路...

vue後台專案按鈕許可權的實現

做後台專案的時候 幾乎都會有許可權問題 一方面是選單欄的許可權 另一方面是按鈕許可權 選單許可權一般往往是通過後台返的token 得到動態的選單欄 按鈕許可權也跟token有關 但是要結合自定義指令來實現 1 在utils資料夾下建乙個btnspermission.js import vue fro...