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
了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
ref拿到这个dom 有个原生方法可以romve自己
据你的现象分析 很可能是组件被初始化不止一次导致页面同时存在两个plupload对象
假设你吧plupload封装成一个组件 然后A页面引入 会初始化一个plupload对象 然后跳转到B页面 也初始化一个plupload
跳转的过程中A组件会卸载 但是plupload对象不会销毁 就导致两个plupload同时存在
这只是一种假设
检查你的页面看看 多半是同时两个plupload对象 导致两个同时存在的原因不确定
如果你有封装组件尝试在组件卸载时候 Destroy plupload