vue中 ref 和 $refs的使用

发布时间:2024年01月12日

1. 作用

利用 ref 和 $refs 可以用于 获取 dom 元素, 或 组件实例

2. 获取 dom

使用步骤:

2.1 目标标签添加属性 :ref

<div ref="chartRef">我是渲染图表的容器</div>

2.2 通过$ref:获取标签

mounted() {
  console.log(this.$refs.chartRef) // 打印查看标签
},

3. 获取组件

3.1 目标组件 – 添加属性 :ref

<BaseForm ref="baseForm"></BaseForm>

3.2 通过$ref:获取目标组件

  • 可以使用目标组件调用组件对象里面的方法
this.$refs.baseForm.组件方法()
文章来源:https://blog.csdn.net/m0_72560900/article/details/135527867
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。