**1.自定义指令,根据登录名不同,实现按钮级别权限。
1.在src目录下新建directive目录,结构如下图。
2. \src\directive\permission\index.js 文件里`代码如下:
import permission from './permission'
// 全局注册自定义指令
const install = function(Vue) {
Vue.directive('permission', permission)
}
if (window.Vue) {
window['permission'] = permission
Vue.use(install); // eslint-disable-line
}
permission.install = install
export default permission
\src\directive\permission\permission.js 文件代码如下:
export default{
inserted(el, binding, vnode) {
const {
value } = binding
// 自定义指令的执行函数,,取到登录缓存的按钮权限数组,赋值给全局对象userMsg
global.ButtonPermissions = JSON.parse(sessionStorage.getItem('ButtonPermissions'))
if (global.ButtonPermissions &