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

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

背景

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

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

父节点挂载在index.vue中,代码如下图所示:
image.png

配置页面的组件挂载到父节点中,代码如下图所示:
vue的v-if引起的js报错问题和解决方法_第1张图片

组件中的mouted和dblclick事件,代码如下图所示:
vue的v-if引起的js报错问题和解决方法_第2张图片

其中,dblclick后,会先执行closeDialogs,然后再把组件show出来:
image.png

image.png

同时,在组件beforeDestroy的时候,也会销毁事件:
image.png

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

问题

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

如下图所示:
vue的v-if引起的js报错问题和解决方法_第3张图片

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

你可能感兴趣的:(vue.js)