項目中需要用到大圖預覽的功能,就用了<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 = ''
就就就就……就可以了
欸嘿嘿嘿
有些開心奧~~