按钮权限指令【vue】

**

Juris.js

export function Juris(key){
    let arr = ["sys:user:update","sys:user:save","sys:user:reset","sys:user:delete"]
    let index = arr.indexOf(key)
    if(index > -1){
        return true
    }else{
        return false
    }
}

Jurisdiction.js

import { Juris } from "./Juris";
import Vue from "vue";

Vue.directive('Jurisdiction', {

    inserted(el, binding) {
        let permission = binding.value;
        if (permission){
            let hasPermission = Juris(permission); 

            if(!hasPermission){
            el.parentNode && el.parentNode.removeChild(el);
            }
        }
    }
})

index.vue

**v-Jurisdiction="'sys:user:delete'"**
<el-button type="text" @click="delMenu(item)" 
v-Jurisdiction="'sys:user:delete'" class="button" 
style="font-size:14px;color:red;">删除</el-button>