$refs、ref 作用和使用技巧

阅读数: 349 2023年03月05日

在使用 elementUi的时候,el-form 里面用到的 ref、$refs,不知道什么意思,查看多篇文章,转载保存方便复习理解;


$refs 的使用方法

作用:可以获取dom元素和子组件实例

获取到原生的dom标签

想要获取哪个 dom 标签,就在这个标签上定义一个 ref="自定义名字",给 button 绑定一个点击事件,当我们点击按钮时,通过 this.$refs.自定义名字就可以获取到这个原生 dom 标签;

获取子组件对象

父组件代码示例

子组件代码示例:

想要获取哪个子组件对象,就在这个子组件上定义一个ref="自定义名字",给 button 绑定一个点击事件,当我们点击按钮时,通过 this.$refs.自定义名字就可以获取到这个子组件对象,和获取 dom 标签方法一致;


想要获取哪个子组件对象,就在这个子组件上定义一个ref=“自定义名字”,给button绑定一个点击事件,当我们点击按钮时,通过this.$refs.自定义名字就可以获取到这个子组件对象

参考资料
https://blog.csdn.net/li5466667/article/details/124688386
https://www.cnblogs.com/webSnow/p/15744702.html
phpriji.cn | 网站地图 | 沪ICP备17015433号-1