vue中的全域性許可權處理

2021-10-03 01:23:27 字數 877 閱讀 3413

文章借鑑了掘金的內容,在這裡種個草 原文

/* 

在專案裡新建乙個common資料夾用於存放全域性 .js 檔案

這種全域性資料夾做法相當普遍,一般專案裡都應該有這樣乙個資料夾來管理全域性的東西

*/// common/jurisdiction.js 用於存放與許可權相關的全域性函式/變數

export

function

checkjurisdiction

(key)

else

}

// 將全域性許可權js掛載到全域性中 

// main.js

import

from

'./common/jurisdiction'

// 優雅操作 - vue自定義指令

vue.

directive

('permission',}

else}}

)

// 使用方式

i am home<

/h1>

<

!-- 按鈕根據value --

>

"'10'"

>

許可權1<

/button>

<

/div>

"'5'"

>

許可權2<

/button>

<

/div>

<

/div>

<

/template>

// 無需再通過value去判斷,直接通過v-permission的值進行判斷即可

vue高精度全域性許可權處理

許可權的控制由前端處理的場景很多,例如根據後台返回內容,判斷該人是否對此功能有許可權,進而去修改元素v if v show,這種情況下,當這個功能在多處地方出現,就會導致我們做很多很多不必要的重複 如果判斷條件繁瑣的情況,更加冗餘,量也會增加很多。因此我們可以造乙個小車輪,掛在全域性上對許可權進行處...

vue處理選單許可權

vue專案處理選單許可權 第一種 後台直接返回選單資料,例如 menulist 資料返回後,直接拿到el menu中去遍歷 個人使用的elementui default active routh router collapse iscollapse class el menu vertical de...

vue中全域性使用的時間

處理辦法 就是在首頁或者比較靠前的頁面處理這個問題 首先獲取到當前的時間,並且處理成需要的格式 獲取系統當前時間 getnowtime else this.newnottime y 年 m 月 d 日 h 時 m 分 s 秒 然後在created中呼叫這個方法 created 1000 然後監控這個...