本文探讨了在Vue项目中进行权限控制的重要性，并提出了一个更优雅的解决方案——使用Vue自定义指令。通过新建的array.js文件存储权限，然后在main.js中全局定义指令v-display-key，组件可以直接使用该指令来控制元素的显示，避免了直接在视图层进行控制的不优雅和繁琐。这种方法确保了无权限用户无法渲染相应DOM，提高了安全性。
说在前面
权限控制一直是一个很烦人的事情，无论是前端还是后台。
在平常的项目里，可能大家都是通过后台传来的字段来控制元素的display属性。
其实这么做是很不严谨的。
因为可以通过F12查看元素，也可以进行更改，这个时候如果把display改为block，就可以操作它了，那你的权限控制就白做了。
vue项目如何做权限控制
我看到比较多的是这样的做法，根据后台传的字段，通过v-if，v-else来控制，这样是不会有dom产生了，不用担心别人恶意篡改。但是你在view层里写一些这样的是不是很不优雅？而且相当麻烦。
优雅的做法（大厂做法）Vue.directive
都9012年了，我们知道vue有个自定义指令，那我们可以用它来做控制。
1.新建一个文件array.js。用于存放后台传过来的所有权限
//检查该用户是否有此权限
export functi
订阅专栏 解锁全文
扫一扫
250
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
