关于ref的使用

Posted hufengte

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于ref的使用相关的知识,希望对你有一定的参考价值。

1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素

2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。

技术图片

refs只会在组件渲染完成之后生效,并且它们不是响应式的。这只意味着一个直接的子组件封装的“逃生舱”——你应该避免在模板或计算属性中访问 $refs

 

 

摘抄文档 https://www.jianshu.com/p/b8499c8003b0

 

以上是关于关于ref的使用的主要内容,如果未能解决你的问题,请参考以下文章

vue中ref获取不到dom问题解决,关于this.$nextTick的使用

关于C#ref关键词一个问题,VS提示参数1不应使用关键字ref传递,我想知道修改使a,b的值都进行引用传递

关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

在 C# 中使用“ref”关键字 [重复]

关于refs/for/ 和refs/heads/

关于打印this.$refs 有的情况是组件实例 有的时候是数组