vue的v-if引起的js报错问题和解决方法

文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢

背景

在dag图中的节点，双击后会打开对应的配置页面。

这个配置页面是做成了组件，挂载在父节点中。其中父节点是v-if来挂载的。

父节点挂载在index.vue中，代码如下图所示：

配置页面的组件挂载到父节点中，代码如下图所示：

组件中的mouted和dblclick事件，代码如下图所示：

其中，dblclick后，会先执行closeDialogs，然后再把组件show出来：

同时，在组件beforeDestroy的时候，也会销毁事件：

注意，这里也用了jquery，因为dag图是通过jsPlumb来绘制的。

问题

双击dag图的树节点，打开了配置页面，在不关闭配置页面的前提下，再双击其他树节点，然后再双击刚才的树节点，就会触发js报错。

如下图所示：

详情 请查看：毛毛虫的小小蜡笔