利用hasPermission
统一的权限判断方法进行按钮判断是否显示!
VUE组件代码:
<template> <a-button v-if="hasPermission(['20000', '20001', '20003'])"> code拥有[20000,20001,20003]可见 </a-button> </template> <script lang="ts"> import { usePermission } from '/@/hooks/usePermission'; export default defineComponent({ setup() { const { hasPermission } = usePermission(); return { hasPermission }; }, }); </script>
JS代码:
export function usePermission() { function hasPermission(value, def = true) { // 默认视为有权限 if (!value) { return def; } const allCodeList = permissionStore.getPermCodeList; if (!isArray(value)) { return allCodeList.includes(value); } // intersection是lodash提供的一个方法,用于返回一个所有给定数组都存在的元素组成的数组 return (intersection(value, allCodeList)).length > 0; return true; } }
Motion for Vue:一个轻量级且功能强大的Vue3动画库
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
上面是“面试题:vuejs项目中按钮级别权限怎么控制”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_14143.html
workflows工作流
一只穿着黑色蝴蝶结西装可爱橙色小猫
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
一匹热血沸腾的汗血宝马庄严地站立着ComfyUI工作流
一条精致透明的朱红色水晶龙
一只张大嘴巴露出锋利的牙齿正在咆哮的雪豹
一个戴着破旧莎草帽的机械忍者
一支令人难忘的狙击步枪ComfyUI工作流
一辆老式灵车在黑暗中从雾中出现ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!