vuejs里面怎么做权限管理控制？

Question

1.权限控制的参数都是后台返回到前端，数据如下：

那么我打算就是：如果没有这个权限，我会把相关的DOM remove()掉，结果用了个directive操作，代码如下：

那么问题来了，有些权限我要在公共组件里操作DOM，我不想这样，有没有什么好的办法或者好的建议？

这是一个公共组件checklist.vue

Answer 1

router的钩子函数可以加一道类似node中间件的概念：beforeEach对应权限的拦截跳转是这样做的对应节点可以用vuex来控制他的展示与否、后端也要加一重判断确保安全