日落沧海看夕阳，万丈霞光谱辉煌。轻叹美景难留住，只因月色要锋芒!你在桥上看风景，看风景的人在桥下看你。你只知道自己吃了韭菜盒子，却不知道别人在盒子里还加了鸡蛋。
发现问题
最近写东西遇到了莫名其妙的问题，用ref属性原以为它会获得一个数组
// html
<ul>
<li ref="refCon">1</li>
<li ref="refCon">2</li>
</ul>
// js
created: function() {
this.$nextTick(() => {
console.log(this.$refs.refCon)
// 打印结果：<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.$refs.refContent)
})
}
以及一定要注意
// js
data: {
people:['三姑','四婶','五叔','六姨','七舅姥爷']
},
created: function() {
console.log(this.$refs.refContent)
// undefined
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如有疑问大家可以留言交流，谢谢大家对的支持。
