在vue里面无法通过document.getElementById来修改ElementUI自带的标签


项目中需要用到大图预览的功能,就用了<el-image>标签中的preview-src-list属性

在有图的时候预览大图是毫无问题的

这个时候问题来了,图片不止有添加,还有删除的功能,一旦图片删除之后,

就变成了这样

 

这是自动给俺添加的标签

 

 

 真是让俺百思不得其解

之后想到了通过id获取元素,然后将id里面html全部删除

就是document.getElementById("XXX").innerHTML = "",按理说这样是可行的,实际上我在console调试台上面测试了是成功的

但是放在我的vue项目上面就是不行

愁秃了我的头

之后突然想到ref和$refs

就试了一下

啊令人头秃的问题又来了……我不知道该使用哪个方法…………

之后通过console.log(this.$refs.XXX)查看了一下

 

 

 

 里面是酱婶儿的

通过俺的火眼精金,打算用这个

 

 试一下

于是乎

 

 这样这样那样那样

this.$refs.testImage.$el.innerHTML = ''

就就就就……就可以了

 

 

欸嘿嘿嘿

有些开心奥~~

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM