vue3自定义指令 方法 根据缓存等设置全局按钮显示隐藏

在mian.ts中
 

app.directive('has-accountCategory', {
    mounted(el, binding) {
//传值打印
  console.log(binding.value);
 //获取权限
        const accountCategory = JSON.parse(sessionStorage.getItem('userInfo')).accountCategory
//权限判断
        if (accountCategory != 2) {
            el.style.display = 'none'; // 如果没有权限，隐藏按钮  
        }
    },
//更新页面使用 没用到不知道啥意思
    // updated(el, binding) {  
    //     this.componentUpdated(el, binding); // 当权限变化时重新评估  
    //   }  
});

页面使用

 <el-button v-has-accountCategory link type="primary">
            编辑
          </el-button>
//或者直接传值判断
 <el-button v-has-accountCategory='1' link type="primary">
            编辑
          </el-button>