<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
![vscode新建html文件并快速生成标准的html代码[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
