vue 报错：DOMException: Failed to execute ‘removeChild‘ on ‘Node‘
在使用vue的时候，我们因为改变了页面的DOM结构，可能会遇见这样的告警信息，并且页面会被卡主，需要刷新才可以解决；但是，在实际项目中，这样的情况肯定是不允许出现的。错误告警如下："NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’。如下图：关于 v-if 和 v-show 两个指令的区别，传送门： v-if 和 v-show 的区别
·
今天在项目中遇到一个报错：NotFoundError: Failed to execute 'insertBefore' on 'Node'，错误信息如下：
原因
经资料查询发现，导致上述异常是因为在html中使用了 v-if 来控制局部元素的显示与隐藏导致的。
关于 v-if 和 v-show 两个指令的区别，传送门： v-if 和 v-show 的区别
在 v-if 为false时，如果后续的 js 操作了 v-if 控制的 dom 元素，将会因为该部分dom元素不存在而抛出上述异常。
解决方法
用 v-show 来代替 v-if。（ v-show 的使用场景就是：需要非常频繁的切换元素的显示与隐藏时，使用 v-show 比较好）
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献24条内容
所有评论(0)