ref

1.获取dom元素:

<div ref="div">test1</div>

console.log(this.$refs.div)  //  <div>test1</div>

2.与v-for一起使用获取整个数组:

<ul v-for="item in list" :key="item.id">

    <li ref="list">{{ item.task }}</li>

</ul>

list: [
 { id: '1', task: 'task one' },
 { id: '2', task: 'task two' }
 ] 

console.log(this.$refs.list)  // 输出所有li 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ref 有三种用法:ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注...
    李亚_45be阅读 13,128评论 0 7
  • 有时候我们也要获取dom元素的需求,我们可以用vue的ref引用属性; 例: hello methods:{ fu...
    彬彬彬boboc阅读 13,564评论 0 0
  • https://www.cnblogs.com/goloving/p/9404099.html ref 有三种用法...
    一夕烟雨阅读 5,801评论 0 0
  • 由于React的单向数据流设计,所以典型的 React 数据流中, 属性(props)是父组件与子组件交互的唯一方...
    Never_er阅读 4,037评论 0 2
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17