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

  

  

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

     //html   & lt; ul>   & lt;李ref=" refCon "祝辞1 & lt;/li>   & lt;李ref=" refCon "祝辞2 & lt;/li>   & lt;/ul>//js   创建:函数(){   美元。nextTick(()=比;{   console.log(这一点。refs.refCon美元)//打印结果:& lt; li> 2 & lt;/li>本以为会获得一个数组   })   }      

后来去看了下文档才搞明白五体投地。(没仔细看文档的锅

  

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

  

  

这下就明白了

     //html   & lt; ul>   & lt;李v=毕钅吭谌嗣恰皉ef=皉efContent”在{{项}}& lt;/li>   & lt;/ul>         //js   数据:{   人:['三姑”、“四婶”,“五叔”、“六姨”,“七舅姥爷”)   },   创建:函数(){   美元。nextTick(()=比;{   console.log(这一点。refs.refContent美元)   })   }      

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

  

     //js   数据:{   人:['三姑”、“四婶”,“五叔”、“六姨”,“七舅姥爷”)   },   创建:函数(){   console.log(这一点。refs.refContent美元)//定义   }      

  

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

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