Vue2中ref属性的使⽤⽅法及注意事项
发现问题
最近写东西遇到了莫名其妙的问题，⽤ref属性原以为它会获得⼀个数组
// html
<ul>
  <li ref="refCon">1</li>
  <li ref="refCon">2</li>
</ul>
// js
created: function() {
  this.$nextTick(() => {
    console.log(this.$fCon)
    // 打印结果：<li>2</li> 本以为会获得⼀个数组
  })
}
后来去看了下⽂档才搞明⽩orz。（没仔细看⽂档的锅
正确使⽤⽅法
这下就明⽩了
// html
<ul>
<li v-for="item in people" ref="refContent">{{item}}</li>
</ul>
/
/ js
data: {
people:['三姑','四婶','五叔','六姨','七舅姥爷']
},
created: function() {
this.$nextTick(() => {
console.log(this.$fContent)
})
}
以及⼀定要注意
// js
antdesignvuetable动态表头data: {
people:['三姑','四婶','五叔','六姨','七舅姥爷']
},
created: function() {
console.log(this.$fContent)
// undefined
}
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，如有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。