国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

詳解VUE前端按鈕權(quán)限控制

2019-11-19 11:41:49
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

在用戶(hù)登陸后,根據(jù)用戶(hù)id讀取用戶(hù)的所有權(quán)限數(shù)據(jù),放入本地的storage進(jìn)行存儲(chǔ),之后,定義指令,如果用戶(hù)含有此按鈕權(quán)限,則在頁(yè)面顯示出來(lái):

/**權(quán)限指令**/  Vue.directive('has', {   bind: function(el, binding) {    if (!Vue.prototype.$_has(binding.value)) {     el.parentNode.removeChild(el);    }   }  });  //權(quán)限檢查方法  Vue.prototype.$_has = function(value) {   debugger   let isExist=false;   let buttonpermsStr=sessionStorage.getItem("buttenpremissions");   if(buttonpermsStr==undefined || buttonpermsStr==null){    return false;   }   let buttonperms=JSON.parse(buttonpermsStr);   for(let i=0;i<buttonperms.length;i++){    if(buttonperms[i].perms.indexOf(value)>-1){     isExist=true;     break;    }   }   return isExist;  };

頁(yè)面上使用方式:

<el-button type="primary" class="btns first" @click="querylist" v-has="'sys_user_list'">查詢(xún)</el-button>     <el-button class="btns" @click="showAddView" v-has="'sys_user_save'">新增</el-button>     <el-button class="btns" @click="modifyUserItem" v-has="'sys_user_update'">修改</el-button>     <el-button class="btns" @click="delItem" v-has="'sys_user_delete'">刪除</el-button>

以上所述是小編給大家介紹的VUE前端按鈕權(quán)限控制詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 抚顺县| 阿克苏市| 额尔古纳市| 平武县| 义马市| 洞口县| 呼伦贝尔市| 扬州市| 昌宁县| 论坛| 墨脱县| 灌云县| 顺昌县| 邵阳市| 普格县| 湟中县| 湖州市| 米林县| 岳普湖县| 平泉县| 绥阳县| 龙泉市| 亳州市| 武安市| SHOW| 北宁市| 弋阳县| 弥渡县| 无为县| 桃源县| 措美县| 九龙城区| 上杭县| 山东| 汾西县| 汤阴县| 牙克石市| 千阳县| 敦化市| 台东县| 徐州市|