浪歌 · 随笔 我的开发笔记

随笔 关于

判断按钮权限

[vben] 2024/8/24 20:13:06

再vben中按钮操作可能需要根据权限来判断，在之前的登录中返回了按钮权限数据，所以在某些页面中需要判断按钮权限时，首先引用
  import { usePermission } from '@/hooks/web/usePermission';


  const { hasPermission } = usePermission();


如果是在表格操作列使用参考：

                ifShow: () => {
                  return hasPermission('1000');
                },


如果在页面中使用参考：


      <Authority :value="'1000'">
        <a-button type="primary" class="mx-4"> 拥有code ['1000']权限可见 </a-button>
      </Authority>
或者



      
      //指令方式方式判断权限(该方式不能动态修改权限.)
      <a-button v-auth="'1000'" type="primary" class="mx-4"> 拥有code ['1000']权限可见 </a-button>   

     

      <a-button v-if="hasPermission(['1000', '2000'])" color="error" class="mx-4">

        拥有code ['1000','2000']角色权限可见
      </a-button>




@ linege.cn - 湘ICP备2023001542号-1 - 湘公网安备 43042202000052号