真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Vue2中ref屬性的使用方法及注意事項(xiàng)

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

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

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

// html

    
　　
  • 1
    • 
　　
  • 2
    • 


// js
created: function() {
　　this.$nextTick(() => {
　　　　console.log(this.$refs.refCon) 
　　　　// 打印結(jié)果：
  • 2
    •  本以為會獲得一個(gè)數(shù)組
　　 })
}

    后來去看了下文檔才搞明白o(hù)rz。（沒仔細(xì)看文檔的鍋

    Vue 2中ref屬性的使用方法及注意事項(xiàng)

    正確使用方法

    這下就明白了

    // html

      
 
    • {{item}}
      • 

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

    Vue 2中ref屬性的使用方法及注意事項(xiàng)

    以及一定要注意

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

    總結(jié)

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


    當(dāng)前文章：Vue2中ref屬性的使用方法及注意事項(xiàng)
    本文URL：http://weahome.cn/article/jpschp.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220（工作日）

    18980820575（7×24）

    提交需求

    返回頂部