vue-按钮级别权限控制

1.先看后端返回的按钮权限信息

 2.这些信息会在vuex（单一状态树）中统一管理

按照官网建议在action中修改state

 

 

 

在getter定义（没有用es6的函数简写）

 在任意一个js文件中加入下图的方法（我放在了store的permission中）

 在main.js中引入，并把改方法添加到vue原型上，这样在每一个vc实例对象中就可以拿到改方法

 在组件中使用v-if进行控制

结果 

 

 最后亲测在10000+条数据中不会发生卡顿（在后端前端一个电脑跑的结果），因为在别的文章中有评论说会卡。