【文件属性】:
文件名称:permission:vue工具 -权限控制
文件大小:104KB
文件格式:ZIP
更新时间:2021-04-30 17:41:07
JavaScript
ct-adc-permission
该插件提供后台业务权限的控制辅助,针对页面级控制和页面内部UI的控制。
该插件的原理:
使用VueJs的mix功能,保证每个Vue组件能调取到权限信息;
路由的全局钩子进行路由级别的权限验证,在无权限时进行拦截;
组件示例图
无
在线demo
无
功能点
路由去权限时,提示"对不起,您没有该页面的权限"
页面中的操作没有权限时,可以隐藏相关的按钮
使用
从npm安装ct-adc-permission
npm install ct-adc-permission --save
在代码中使用
首先,配置permission的相关配置信息,并初始化一个全局通用的permission,建议将以下代码写在一个单独的模块中,便于通用和维护,如:
src/common/permission.js
import permission from 'ct-adc-permis