1. 全栈程序员必看首页

Vue 自定义指令作用

全栈程序员-站长 • • 未分类 • 阅读 2

Vue 自定义指令作用vue 中除了内置的指令外 vue 也允许注册自定义指令 应用场景 根据用户权限的不同在页面中显示不一样的东西 divid app buttonv permission admin 删除 button 编辑 button buttonv permission admin divid app

 <div id="app"> <button v-permission.admin>删除</button> <button >编辑</button> </div> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script> <script> Vue.directive('permission', (el,data)=>{ 
    // console.log(data.modifiers.admin);//拿到修饰符 if(data.modifiers.admin){ 
    //需要管理员才能使用 if(sessionStorage.getItem('role') !=='admin'){ 
    el.style.display = 'none' } } }) new Vue({ 
    el: '#app', data() { 
    return { 
    } } }); setTimeout(()=>{ 
    sessionStorage.setItem('role','admin') },1000) </script>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/233675.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号