若依权限v-hasPermi,实现el-table-column隐藏

  1. 最近在写后台管理项目时要使用到若依的权限管理,也就是标题中所说的 v-hasPermi,试了又试发现 v-hasPermi 只能隐藏按钮,像一些标签是不能隐藏的,比如说el-table中的el-table-column,如下图所示:在这里,我所理解的v-hasPermi,相当于v-if,(当条件判断为false的时候进行销毁元素),可又和v-if不太一样,话不多说,直接上方法,教你如何使用v-hasPermi进行标签的隐藏
  2. 要想进行标签的权限隐藏,可以配合v-if进行
    //在若依权限管理中我们可以使用以下的方法进行判断是否有权限,如有权限则为true,反之为false
    this.$auth.hasPermi('production:semi:registeExport')
    
    //既然拿到了判断权限的标识钥匙,那接下来就好办了
     <el-table-column
            label="操作"
            align="center"
            //直接在标签上使用v-if来进行判断是否开启权限,即可实现标签的权限隐藏
            v-if="$auth.hasPermi('production:semi:registeExport')"
            width="200"
          >
     </el-table-column>

 总结:关键 this.$auth.hasPermi('production:semi:registeExport') 这行代码可以判断是否是开启权限,再配合v-if进行标签的权限隐藏即可。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值