当前位置：首页 > article >正文

v-自定义权限指令与v-if互相影响导致报错Cannot read properties of null (reading ‘insertBefore‘)

article 2025/3/25 17:15:24

项目场景：

vue3+vite项目中报错Cannot read properties of null (reading ‘insertBefore‘)

原因分析：

:v-自定义权限指令与v-if互相影响

<el-button text bg type="primary" @click="handleWrite(detailData,'项目填报')" v-hasPermi="['manager:write']"
                   v-if="detailData.status!='已完工'">
           项目填报
</el-button>

解决方案：

v-if换成v-show,或者自定义指令里面更换成el.style.display = “none”,或者弃用自定义指令,把权限加在v-if中一并判断。
这里根据poe中Claude的回答进行了调整在这里插入图片描述
这里采用了方案1，修改如下，完美解决问题。

<el-button text bg type="primary" @click="handleWrite(detailData,'项目填报')" v-hasPermi="['manager:write']"
                   v-if="detailData && detailData.status && detailData.status!='已完工'">
          项目填报
</el-button>

查看全文

原文地址:https://blog.csdn.net/qq_50906507/article/details/146376544
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.kler.cn/a/596050.html 如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！