vue按钮权限怎么做啊，网上找了不少但总差一点没有实现，有没有详细一点的文章，借我看看

Question

vue按钮权限怎么做啊，网上找了不少但总差一点没有实现，有没有详细一点的文章，借我看看，后端返回了['add','look']这样的按钮权限我照这个https://www.cnblogs.com/leeke...，但是报了vnode.context.$route.meta.btnPermissions.split is not a function请问我文章少了什么吗

Answer 1

权限不是要后端给么？后端给角色、权限，你判断登录用户是什么角色，有什么权限，再根据这些显示对应权限的按钮。我是这么理解你的描述的

Answer 2

前端展示，可分disable状态和点击弹窗提示无权限，vue data里边对应有个状态就好，不管是前端校验表单还是用户操作权限服务端返回，只是相应修改data里边定义的状态。

Answer 3

比如后台返回给你一个role字段{role: 0} 0代表普通用户 1代表管理员
比如一篇文章普通用户没有删除权限 删除按钮就不会对普通用户显示
<button v-if=role>删除</button>