vue中 ref 和 $refs的使用

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.组件方法()

相关推荐

  1. vue ref $refs使用

    2024-01-12 11:06:06       56 阅读
  2. vue3reactiveref

    2024-01-12 11:06:06       22 阅读
  3. vue3reactiveref

    2024-01-12 11:06:06       26 阅读
  4. vue3使用ref

    2024-01-12 11:06:06       35 阅读
  5. Vue学习笔记-Vue3refreactive函数使用

    2024-01-12 11:06:06       61 阅读
  6. Vue3`ref``reactive使用遇到一些坑

    2024-01-12 11:06:06       55 阅读
  7. Vue3refreactive区别

    2024-01-12 11:06:06       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-12 11:06:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-12 11:06:06       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-12 11:06:06       82 阅读
  4. Python语言-面向对象

    2024-01-12 11:06:06       91 阅读

热门阅读

  1. 谈谈CPU,MCU,SOC的区别和用途

    2024-01-12 11:06:06       46 阅读
  2. 自然语言处理-用于预训练词嵌入的数据集

    2024-01-12 11:06:06       66 阅读
  3. golang中的字符串拼接

    2024-01-12 11:06:06       58 阅读
  4. 数据库系统原理总结之——数据库编程

    2024-01-12 11:06:06       57 阅读
  5. 近日遇到数据库及其他问题

    2024-01-12 11:06:06       60 阅读