在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 = ''

就就就就……就可以了

 

 

欸嘿嘿嘿

有些开心奥~~