【vue指令】自定义指令绑定按钮权限

const app = createApp(App);

// 自定义指令绑定按钮权限
app.directive('permission', {
  mounted(el, binding) {
    // 获取用户权限信息
    const permissions = ['admin', 'editor'];
    // 判断用户权限
    if (!permissions.includes(binding.value)) {
      // 没有权限，删除按钮
      el.parentNode && el.parentNode.removeChild(el);
    }
  },
});

<div>
    <button v-permission="'admin1'">管理</button>
    <button v-permission="'editor'">编辑</button>
  </div>