概述
在这之前请看我上一篇博客https://blog.csdn.net/qq_41594146/article/details/83381964,这里有思路和数据库设置,之前做的是没有组件化,也就是单纯的v-for循环直接显示,刚刚写了按钮权限的组件,现在贴上代码
var 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);//注册组件在页面上使用:
<my-button names="删除" v-bind:item2="btdata" ></my-button>
<my-button names="修改" v-bind:item2="btdata" ></my-button>如果该角色有这个权限,则显示,没有则不显示
最后
以上就是含蓄云朵为你收集整理的Vue自定义组件实现按钮权限功能的全部内容，希望文章能够帮你解决Vue自定义组件实现按钮权限功能所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复