若依系统v-if和v-hasPermi有冲突

最新推荐文章于 2024-12-31 16:09:00 发布

原创最新推荐文章于 2024-12-31 16:09:00 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#layui #jquery #javascript

前端同时被 2 个专栏收录

49 篇文章

订阅专栏

html

49 篇文章

订阅专栏

在使用若依框架开发业务系统时，遇到一个权限显示异常的问题：当数据状态变化时，无权限的‘审核通过’按钮短暂显示。分析可能为前后端数据同步冲突。解决方案是将`v-if`指令替换为`v-show`，以避免权限判断的闪烁现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

使用若依框架开发业务系统

问题描述：

使用若依框架，若操作某一行数据，导致状态scope.row.status由’init’变为’success’，已知v-hasPermi为false，v-if为true，则会出现短暂的v-hasPermi失效，无权限的按钮“审核通过”出现在界面上：

<el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleAudit(scope.row,'success','审核通过')"
            v-hasPermi="['bct:transaction:audit-success']"
            v-show="scope.row.status==='success'"
          >审核通过</el-button>