在这之前请看我上一篇博客https://blog.csdn.net/qq_41594146/article/details/83381964,这里有思路和数据库设置,之前做的是没有组件化,也就是单纯的v-for循环直接显示,刚刚写了按钮权限的组件,现在贴上代码
复制代码
1
2
3
4
5var myButton=Vue.extend({//设置标签 props:['names','item2'],//names为按钮名,item2为数据 template:'<span><span v-for="obj in item2" v-if="obj.name==names" v-html="obj.code"></span></span>' }) Vue.component('my-button',myButton);//注册组件
在页面上使用:
复制代码
1
2<my-button names="删除" v-bind:item2="btdata" ></my-button> <my-button names="修改" v-bind:item2="btdata" ></my-button>
如果该角色有这个权限,则显示,没有则不显示
最后
以上就是含蓄云朵最近收集整理的关于Vue自定义组件实现按钮权限功能的全部内容，更多相关Vue自定义组件实现按钮权限功能内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复