The node before which the new node is to be inserted is not a child of this node问题解决

同事负责的模块出现了The node before which the new node is to be inserted is not a child of this node.的报错问题。
问题出现场景：表格中添加一行，点击某一列的组件，打开设备选项，选择某一条点击保存，有大几率出现点击保存页面卡死的情况，同时在开发状态控制台会报错。
原代码：

<div style="position: relative">
  <el-input v-model="positionStr" disabled style="width: 100%!important;"></el-input>
</div>
<el-tooltip :content="positionStr" placement="top" effect="light" v-if="positionStr">
  <div class="shade" @click="addOpen"></div>
</el-tooltip>
<div class="shade" @click="addOpen" v-if="!positionStr"></div>

一开始认为是保存点击事件和父子组件emit传递的问题，但经过多次尝试以及网络搜索，改变解决方向，查看是否和v-if有关

更改html代码，去掉v-if后，多次测试，暂未出现问题
当前代码：

<div @click="addOpen">
  <el-tooltip class="item" effect="light" :content="positionStr" placement="top" :disabled="!positionStr">
    <el-input v-model="positionStr" disabled style="width: 100%!important;" class="is-pointer"></el-input>
  </el-tooltip>
</div>