【记录】【vue】自定义权限指令v-permission的简单创建及使用

本文介绍了如何在Vue项目中创建并使用自定义权限指令v-permission。通过在src/directives文件夹下创建permission.js和index.js,实现了根据用户或角色权限控制界面元素的显示。在permission.js中定义了指令逻辑,并在main.js中全局注册。使用该指令后,可根据edit和delete等权限决定按钮是否显示。
摘要由CSDN通过智能技术生成

文章目录


后台管理项目免不了要做权限控制,常见的比如说这个用户或者这个角色对数据有有没有增删改查的权限

vue自定义指令

摘自vue.js官网:
(一会儿只用到了inserted这个钩子函数)
在这里插入图片描述

二、v-permission的创建和使用

1.创建

在项目的src文件夹下新建一个名为directives的文件夹,在directives文件夹下面新建两个js文件:index.jx和permission.js,前者用于自定义指令的注册,后者用于写自定义权限指令的具体内容,如下:
在这里插入图片描述
现在写permi

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值