elememtui 有關許可權的那些事

業務情景描述：現有乙個後台管理系統，共存在三種型別的人員，①超級管理員（稱作1）；②組別管理員（2）；③普通使用者（3）；每種型別的人看到的操作欄並不一樣，可以進行的操作也不盡相同，於是就需要程式處理一下各個許可權問題。

【迷茫的前期】

1）讓後端返回關於許可權的json資料吧，但卻不太懂這樣的資料應該怎樣處理；

2）在前端路由那裡處理，可是不明白應該怎樣使用何種屬性來實現這個功能；

最終解決方案：

【注意點】

1）在route.js中，自定義乙個屬性並為之附上自己的規則；

2）v-if 自定義函式：

...
<
el-menu 
:default-active
="$route.path"
class
="el-menu-vertical-demo"
@open
="handleopen"
@close
="handleclose"
@select
="handleselect"
unique-opened router v-show
="!collapsed"
>
<
template 
v-for
="(item,index) in $router.options.routes"
v-if
="routesfun(item)"
>
<
el-submenu 
:index
="index+''"
v-if
="!item.leaf"
>
<
template 
slot
="title"
><
img 
:src
="item.iconcls"
style
="vertical-align: middle;width: 17px;padding-right: 5px;"
/>}
template
>
<
el-menu-item 
v-for
="child in item.children"
:index
="child.path"
:key
="child.path"
v-if
="routesfun(child)"
><
img 
:src
="child.iconcls"
style
="vertical-align: middle;width: 16px;padding-right: 5px;"
/>}
el-menu-item
>
el-submenu
>
<
el-menu-item 
v-if
="item.leaf&&item.children.length>0"
:index
="item.children[0].path"
><
i :class
="item.iconcls"
>
i>}
el-menu-item
>
template
>
el-menu
>
...

在 methods中寫方法：

...
routesfun(item)
if(!item.hidden && item.route && item.route.indexof(logintype)>=0)
return
false
; 
//if(!item.hidden)
//return false; 
},...

3)替換掉demo中的原方法即可；

4)看起來複雜的路由配置，就在前端處理掉了。

坦言自己處理這類問題的時候，考慮的的確沒有老大想的周到，於是總是頻繁出現問題，每每看見類似於hme.vue中的「複雜」**就卻步了，以後如果要想成為老大那樣厲害的人物，那就需要克服這一「頑固性」缺點。「因為喜歡，所以更加熱愛。」

elememtui 有關許可權的那些事

mysql有關許可權的表都有哪些？

有關遞迴和斐波那契數列

ORACLE學習有關使用者及許可權的控制

elememtui 有關許可權的那些事

mysql有關許可權的表都有哪些？

有關遞迴和斐波那契數列

ORACLE學習 有關使用者及許可權的控制

相關推薦

ORACLE學習有關使用者及許可權的控制