vue2自定义指令的2种写法(vue.use,vue.directive) 按钮权限

最新推荐文章于 2024-07-01 09:54:39 发布

@小朱呀路

最新推荐文章于 2024-07-01 09:54:39 发布

阅读量257

点赞数

分类专栏： vue-template-admin 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45441173/article/details/128822099

版权

在这里插入图片描述
permission.js

import store from "@/store";
 export default {
   
  inserted(el, binding, vnode) {
   
    const {
    value } = binding;//需要.value才可以访问到传输的值 
    const buttonList = store.getters && store.getters.buttonList; 
    if (value) {
   
      const hasPromise = buttonList.some((item) => {
   
        return item == value;
      });
      console.log(hasPromise, "hasPromise");
      // 无权限;
      if (!hasPromise) {
   
        el.parentNode && el.parentNode.removeChild(el);
      }
    }