在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