美文网首页
vue中ref($refs)的用法

vue中ref($refs)的用法

作者: 角落里的小草_ | 来源:发表于2019-04-03 17:43 被阅读0次

官网概念:

解读:

用途:ref相当于给元素或组件赋予一个ID引用,用来注册引用信息的,方便获取dom元素或获取组件实例

三种使用方式:

1. ref加在普通元素上,this.$refs.name获取的是dom元素

2.ref加在子组件上,this.$refs.name获取到的是组件实例,方便父组件使用子组件的所有方法

3.当v-for用于元素或组件,ref获取的将是一组数组或dom节点

拓展:除了ref,访问子组件实例也存在prop和事件

父组件(绑定子组件中属性和自定义事件):

子组件(注册和定义属性):

相关文章

网友评论

      本文标题:vue中ref($refs)的用法

      本文链接:https://www.haomeiwen.com/subject/haozbqtx.html