利用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工作流
一张精心制作的熊岛复古地图ComfyUI工作流
1个黑发带着耳机项链的女孩ComfyUI工作流
一个黑人在森林中穿着折纸的衣服ComfyUI工作流
树上一个快乐的猕猴桃ComfyUI工作流
斗鸡场威武雄鸡ComfyUI工作流
一个港口配备了小型船只、起重机、集装箱和码头
广阔的沙漠中矗立着一个生锈的巨大头盔
一座巨大的野兽派建筑漂浮在热带风景中的贫民
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!