VUE错误：Failed to execute 'insertBefore' on 'Node

Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore’ on ‘NodeError in nextTick: “NotFoundError: Failed to execute ‘insertBefore’ on ‘Node

我在做一个操作时不知为何导致VUE的渲染无效了

假设有一个表格：我想要在每一个td里为所有元素追加一个父级元素DIV

代码如下：
VUE错误：Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node
在标注TODO处我遍历td下所有子element追加到新建element上,再将此element追加到td下

渲染后这是成功的，但我此时对这个element的内部vue属性进行操作就会引起错误
我尝试注释掉TODO处代码错误将不在发生

VUE错误：Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node
我不知我的DOM操作对VUE的渲染流程造成了什么影响
此JS的DOM操作是在vue生命周期的mounted阶段执行的

vue JS

多语言CRUD攻城狮，技术菜鸡

oursdreams

课程读者 43 声望

最佳答案

解决：出现原因是由于我操作了VUE的文本节点导致的，用JS将VUE的属性当作文本节点操作后VUE会失去对此属性的控制，渲染时会造成element丢失。在外部随便套一个标签充当子节点即可，不直接对文本节点操作

3年前评论

讨论数量: 1

oursdreams

课程读者 43 声望

解决：出现原因是由于我操作了VUE的文本节点导致的，用JS将VUE的属性当作文本节点操作后VUE会失去对此属性的控制，渲染时会造成element丢失。在外部随便套一个标签充当子节点即可，不直接对文本节点操作

3年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助