Vue自定义组件实现按钮权限功能
2018-10-26 18:54
691 查看
在这之前请看我上一篇博客https://blog.csdn.net/qq_41594146/article/details/83381964,这里有思路和数据库设置,之前做的是没有组件化,也就是单纯的v-for循环直接显示,刚刚写了按钮权限的组件,现在贴上代码\
[code] 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);//注册组件
在页面上使用:
[code] <my-button names="删除" v-bind:item2="btdata" ></my-button> <my-button names="修改" v-bind:item2="btdata" ></my-button>
如果该角色有这个权限,则显示,没有则不显示
阅读更多相关文章推荐
- Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装
- vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
- 基于Platform7.0.1 Coframe实现的JSP权限按钮组件
- vue非父子组件通信(以实现全局“回到顶部”功能为例)
- vue复合组件实现注册表单功能
- 自定义标签实现按钮权限
- vue中实现简单的todolist功能、todolist组件拆分以及todolist的删除功能
- Swing 实现简单的自定义不规则按钮组件2
- 一起写框架-Ioc内核容器的实现-基础功能-组件注解支持自定义的对象名(九)
- android三档自定义滑动开关,禁止点击功能的实现,用默认的seekbar组件实现
- vue.js项目 el-input 组件 监听回车键实现搜索功能示例
- [IMWeb训练营作业]vue实现自定义select下拉框组件
- vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
- Vue实现typeahead组件功能(非常靠谱)
- vue+stylus实现自定义文字的loading组件
- Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
- 标准功能模块组件 -- 名片管理组件,C/S 版本的标准用例程序,可以参考权限实现方法
- Android自定义按钮实现长按功能
- 黄聪:如何给wordpress的编辑器添加一个自定义按钮,并且实现插入功能
- 通用权限管理系统组件 (GPM - General Permissions Manager) 中后一个登录的把前一个登录的踢掉功能的实现