vue中自定义指令的使用

权限方法，随便举个例子

function checkArray(value) {
  let arr = [1, 2, 3];
  return arr.indexOf(value) > -1;
}

判断用户是否有权限展示
如果没有权限则不渲染

Vue.directive('permission', {
  //元素插入
  inserted(el, binding) {
    let value = binding.value;
    if (value) {
      //判断元素是否有权限
      const hasPermission = checkArray(value);
      if (!hasPermission) {
        el.parentNode && el.parentNode.removeChild(el);
      }
    } else {
      throw new Error('no key');
    }
  }
});

使用

添加;