如何写个自定义权限指令

114 阅读1分钟

定义一个函数,传参string,通过它与store中的authlist进行比对,来判断是否具有权限。

定义一个钩子函数,如果没有权限的话,删除该节点

const auth: Directive = {
  mounted: (el, binding) => {
    const value = binding.value
    if (!userAuth(value)) {
      el?.parentNode?.removeChild(el)
    }
  },
}

export default auth

自定义指令中有一些钩子函数 mounted,created,beforeMount