這篇文章帶給大家的內容是關於vue $refs中不使用拼接的原因以及解決方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
最好不要在ref中用拼接
handleClearInterval(id) { _.each(this.$refs,(item,key)=>{ if(key != 'audio'+index){ console.log(this.$refs); console.log(this.$refs.audio[key]) } }) },
#換一種寫法,去掉audio
改成console.log(this.$refs[key])
這樣依舊不行
#官方是這樣描述的
改成如下形式
handleClearInterval(id) { const audioList = this.filterListByType(this.info.instHomeworkContents,3) _.each(audioList,(item,key)=>{ if(item.id != id) { console.log(this.$refs) console.log(this.$refs.audio[key]); this.$refs.audio[key].clearInterval() } }) },
這樣就能取得到想要的那個dom,我這裡是取得了,循環出的子元件,然後呼叫子元件clearInterval()方法。
#以上是vue $refs中不使用拼接的原因以及解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!