ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-07-05 10:03:05  阅读:185  来源: 互联网

标签:vue 节点 所示 报错 组件 挂载 js 双击 页面


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

背景

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

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

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

配置页面的组件挂载到父节点中,代码如下图所示:
image.png

组件中的mouted和dblclick事件,代码如下图所示:
image.png

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

image.png

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

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

问题

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

如下图所示:
image.png

 

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

 

标签:vue,节点,所示,报错,组件,挂载,js,双击,页面
来源: https://www.cnblogs.com/simonbaker/p/16445317.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有