Vue 2中ref属性的使用方法及注意事项

Vue 2中ref属性的使用方法及注意事项

发现问题

最近写东西遇到了莫名其妙的问题，用ref属性原以为它会获得一个数组

// html

// js

created: function() {

　　this.$nextTick(() => {

　　　　console.logWbddoMkU(this.$refs.refCon)

　　　　// 打印结果：

　　 })

}

后来去看了下文档才搞明白orz。（没仔细看文档的锅

正确使用方法

这下就明白了

// html

// js

data: {

people:['三姑','四婶','五叔','六姨','七WbddoMkU舅姥爷']

},

created: function() {

this.$nextTick(() => {

console.log(this.$refs.refContent)

})

}

以及一定要注意

// js

data: {

people:['三姑','四婶','五叔','六姨','七舅姥爷']

},

created: function() {

console.log(this.$refs.refContent)

// undefined

}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如有疑问大家可以留言交流，谢谢大家对我们的支持。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。