0
点赞
收藏
分享

微信扫一扫

问题记录:el-dialog对话框在关闭时不销毁dom元素的问题

49路末班车 2022-04-08 阅读 91
elementui

问题描述:在下面这个dialog对话框中我append了一条线和一个标记

当我关闭后再打开这个页面的时候,我的标记变成了两个

 所以我的连线变成了这样

 我大概知道连线错位是因为我这个标记的终点位置没有取对(取到第一个上面去了),但是我不知道为什么会出现两个标记,当我多次进行打开关闭dialog对话框这样的操作时(不刷新网页),标记个数会依次叠加(在页面上只有一个是可见的),就像这样

 我想到的解决办法就是在它的close事件中,写上这么一段

在它关闭的时候销毁它,标记的数量问题确实得到了解决,但是又出现了一个新的问题

我关闭之前的连线和标记在我第二次打开后立马就出现了(我还没有点击连线的事件),就像这样

第一次打开的时候,连上线

关闭后再打开

 按理说,我在关闭的时候已经在close事件中remove掉了整个dialog窗口,没理由这个标记和连线还在的,而且还是打开后直接给我渲染上了,所以我就很迷惑了,这是神马情况?!

这个问题也能解决,那就是在remove掉dialog窗口的时候先remove掉标记和线

 bug是修复了,但是我仍然不知道问题的根本原因是什么,我主要有两个问题

1.为什么我的标记会一直叠加(页面上只有一个可见)?

2.为什么我remove掉了整个dialog窗口,我上次的标记和连线还在并且直接就渲染了?

//真不想注水啊,可是不发表你又看不到

举报

相关推荐

0 条评论