vue权限控制组件
在vue中(vue2)按钮级别的权限控制较多人的解决方案为使用指令控制或v-if，但这两者都有一定的弊端：
- 使用指令控制的弊端： 当按钮没有权限时只能让按钮隐藏掉(即设置display: none)，不能让按钮消失，如果遇到懂行的人，只需将按钮的display值改为block则又可让按钮恢复可用
- 使用v-if控制的弊端： ①需要在每个使用按钮的地方定义判断有无权限的函数；②当按钮中的
v-if条件过多时会增加理解代码的难度，并且还需要调用判断有无权限的函数并传递权限编码。
它的弊端就是：需要多包一层组件
编码解决问题 PermissionEl.vue组件代码：
使用：
欢迎来到首页！【vue权限控制组件】一个权限控制的组件
export default {
name: 'Home',
components: {
PermissionEl: () => import('./PermissionEl.vue')
}
}推荐阅读
- 组合筛选vue_学会这个套路，彻底掌握排列组合。【会点算法的前端更早下班】...
- AutoHotkey|[AHK]Excel 怎么使用鼠标滚轮控制表格左右移动
- Vue 状态管理与与SSR详解
- Windows原理深入学习系列-强制完整性控制
- 计算机原理和操作系统|计算机的I/O设备及I/O设备控制方式（DMA、IO通道）
- Vue|Vue 源码解读（7）—— Hook Event
- Win7下用IIS发布网站
- Unity3D|《学Unity的猫》——第十三章（Unity使用Animator控制动画播放，皮皮猫打字机游戏）
- Unity3D|《学Unity的猫》——第十六集（Unity动画使用混合树BlendTree实现动画过渡控制）
- Unity3D|（完结）Unity游戏开发——新发教你做游戏（七）（Animator控制角色动画播放）