vue2自定义指令实现权限控制

代码块如下

// 权限判断
Vue.directive('auth', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: (el, binding) => {
    const value = binding.value;
    const { permissions } = JSON.parse(sessionStorage.getItem('permissions'));
    const hasPermission = permissions.includes(value);
    if (!hasPermission) {
      el.parentNode?.removeChild(el);
    }
  },
});