vue权限控制组件

在vue(vue2)按钮级权限控制中，很多人的解决方案是使用命令控制或者v-if，但是这两者都有一定的缺点：使用命令控制的缺点：当按钮没有权限时，可以只能使用。按钮隐藏（即设置display:none），按钮不能消失。如果遇到懂行的，只需要将按钮的显示值改为block，就可以让按钮再次可用。使用v-if控件的缺点：①需要在每个使用按钮的地方定义一个判断是否有权限的函数；②当按钮中的v-if条件过多时，会增加代码的理解难度，也需要调用判断是否有权限的函数，传递权限代码。使用权限控制组件可以解决以上三个问题！它的缺点是：需要封装一层组件编码来解决问题PermissionEl.vue组件代码：使用：exportdefault{name:'Home',components:{PermissionEl:()=>import('./PermissionEl.vue')}}