按钮权限
v-hasPermi默认支持按钮权限
使用:
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['***:***:***']"
>修改</el-button >
即可使用
其他权限
自己定义一个函数我这里定义的check
v-if="check(['***:***:***'])"
写入你的权限
// 导入若依权限检验方法
import { checkPermi } from "@/utils/permission.js";
check
内部调用的是若依框架的checkPermi
函数 如果有权限返回true
,没有权限返回false
搭配v-if
指令即可实现权限控制
<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
<el-tab-pane name="second" v-if="check(['***:***:***'])" label="222">
222
</el-tab-pane>
</el-tabs>
<script>
import { checkPermi } from "@/utils/permission.js";
methods: {
// 校验权限
check(arr){
return checkPermi(arr);
},
handleClick(){
console.log(this.activeName)
},
},
};
</script>