vue 报错：notFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before——亲测有效

yehaocheng520

1194人浏览 · 2025-03-10 09:52:15

yehaocheng520 · 2025-03-10 09:52:15 发布

前几天后端同事提供了一个问题给我，就是使用op-id控制权限的同时，又用到了v-if结果导致某些特定情况下控制台报错的问题

在这里插入图片描述
哪些特定情况？？？

异常表现
管理员功能正常，某个用户异常（权限配置少些）
初次加载不异常，二次查询条件下，特定数据下异常。

问题出在：v-if已经控制了元素的隐藏，此时如果再去遍历op-id时。特别是v-if的判断条件还没有生效时，此时通过op-id还是可以获取到元素的，但是对元素的操作就报错了。

解决办法：

把v-if换成v-show即可。因为v-show只是控制元素的显示与隐藏，并不是完全的不渲染元素。

参考链接：https://blog.csdn.net/weixin_47027124/article/details/142355963

感谢大神的文章，思路干净整洁，而且对异常表现的描述非常到位。解决方案也非常有效。感谢

多多积累，多多收获！！！

技术共进，成长同行——讯飞AI开发者社区

更多推荐

深度学习算法：从基础到实践

讯飞AI开发者社区

人工智能毕设新颖的课题帮助

本文分享了毕业设计选题技巧和5个高质量深度学习项目案例。选题技巧包括逆向思维法、项目拆分法、技术融合法等9种方法，强调避免传统WEB管理系统。分享的项目均基于YOLO系列算法，涵盖水果识别、作物杂草检测、痤疮诊断、鱼类识别和番茄病变检测等创新应用，每个项目提供工程源码、开题报告和详细设计文档。这些项目难度适中、工作量达标且具有创新性，适合作为毕业设计参考，帮助学生在AI领域完成高质量毕业设计。