el-dropdown-item 怎么设置权限

当使用插槽来做操作的时候，通常会遇到根据权限去操作相应的按钮。一般这种操作我们通常是使用v-for来书写展示，这种情况下要控制权限我们就需要这样操作：

  
     {{ item.label }}
  

      suboperateList: [
        {
          funcName: "detail",
          label: "详情",
          icon: "el-icon-warning-outline",
        },
        {
          funcName: "edit",
          label: "编辑",
          icon: "el-icon-edit",
        },
        {
          funcName: "del",
          label: "删除",
          icon: "el-icon-delete",
        },
      ],

    havePermission(item) {
        //权限
      let { decisionList } = this.permissions;
      if (decisionList.includes(item)) {
        return true;
      } else {
        return false;
      }
    },

如果是使用store里面定义的权限，需要调用vuex里面的 getter ，该getter检查当前用户是否具有访问当前项的权限，如果没有，下拉项将不会被呈现。

v-if="$store.getters.hasPermission(item.funcName)"