vue删除dom元素

我使用plupload上传插件动态生成了一个div,但是后续操作需要把这个动态生成的div删掉(就是不执行上传操作),首先plupload里面有个Destroy方法,但是我使用了好像并没有生效,也许和我的理解去掉这个div不一样依旧还是可以上传。所以想到操作dom去删除,通过ref拿到这个dom的结构,请教一下大佬后续怎么操作?

plupload动态生成的div有个id每次生成的是不固定的,class是固定的class="moxie-shim moxie-shim-html5",不使用jq,或者有没有其他的办法?


好像使用楼下大佬的方法remove没有用,但是回答里面封装组件给了我很好的启发,尝试封装了一个组件,然后发现它自动生成的那个上传用的div我可以使用v-if判断组件显示与否去掉,间接性的解决了问题,就不需要删除dom了。

阅读 18.3k
1 个回答

ref拿到这个dom 有个原生方法可以romve自己

据你的现象分析 很可能是组件被初始化不止一次导致页面同时存在两个plupload对象
假设你吧plupload封装成一个组件 然后A页面引入 会初始化一个plupload对象 然后跳转到B页面 也初始化一个plupload
跳转的过程中A组件会卸载 但是plupload对象不会销毁 就导致两个plupload同时存在

这只是一种假设
检查你的页面看看 多半是同时两个plupload对象 导致两个同时存在的原因不确定
如果你有封装组件尝试在组件卸载时候 Destroy plupload

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题