發(fā)現(xiàn)問題

目前創(chuàng)新互聯(lián)已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管運營、企業(yè)網(wǎng)站設(shè)計、麻山網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

最近寫東西遇到了莫名其妙的問題，用ref屬性原以為它會獲得一個數(shù)組

// html
<ul>
　　<li ref="refCon">1</li>
　　<li ref="refCon">2</li>
</ul>
// js
created: function() {
　　this.$nextTick(() => {
　　　　console.log(this.$refs.refCon) 
　　　　// 打印結(jié)果：<li>2</li> 本以為會獲得一個數(shù)組
　　 })
}

后來去看了下文檔才搞明白orz。（沒仔細看文檔的鍋

正確使用方法

這下就明白了

// html
<ul>
 <li v-for="item in people" ref="refContent">{{item}}</li>
</ul>

// js
data: {
 people:['三姑','四嬸','五叔','六姨','七舅姥爺']
},
created: function() {
 this.$nextTick(() => {
  console.log(this.$refs.refContent)
 })
}

以及一定要注意

// js
data: {
 people:['三姑','四嬸','五叔','六姨','七舅姥爺']
},
created: function() {
 console.log(this.$refs.refContent)
 // undefined
}

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。

網(wǎng)站名稱：Vue2中ref屬性的使用方法及注意事項
新聞來源：http://chinadenli.net/article48/jpschp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、服務(wù)器托管、建站公司、軟件開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)