当前位置：网站首页>Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which the new node is to ...报错

Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which the new node is to ...报错

2022-04-22 05:47:00 【Lora_0925】

今天遇到了

Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. at Object.vi [as insertBefore]

这个报错，使用场景：

框架使用的是若依前端框架，在使用按钮权限时，报了这个错。

  <el-button  type="text"  size="small"  v-if="scope.row.contractStatus === 10" 
      v-hasPermi="['contract:sign', 'contract:signB']">编辑</el-button >

在判断权限的同时，使用的v-if，于是报了这个错。

检查元素发现若依框架v-hasPermi 是使用的display：none，在v-if为false时。

如果我们后续的js操作了v-if控制的dom元素，将会因为该部分dom元素不存在而抛出上述异常。

所以，将v-if改成v-show就可以了

版权声明
本文为[Lora_0925]所创，转载请带上原文链接，感谢
https://blog.csdn.net/Lora_0925/article/details/124326036