Vue3中script setup语法下如何正确使用$refs实现组件间通信?

更新于
2026-09-25 06:21:31
1阅读来源:SEO资讯
  • 内容介绍
  • 相关推荐

本文共计759个文字,预计阅读时间需要4分钟。

Vue3中script setup语法下如何正确使用$refs实现组件间通信?

目录

一、Vue2语法

1. 组件设置ref值 2. 组件实例获取 3. 子组件内设置对外公开的变量

二、Vue3使用

1. 组件设置ref值 2. 组件实例获取 3. 子组件内设置对外公开的变量

目录
  • 一、vue2语法
  • 二、vue3使用
    • 1. 组件设置ref值
    • 2. 组件实例获取
    • 3. 子组件内设置对外公开的变量

一、vue2语法

vue2语法在组件上设置ref属性后,在代码里可以通过 this.$refs.ref值 访问到对应的子组件。

阅读全文

本文共计759个文字,预计阅读时间需要4分钟。

Vue3中script setup语法下如何正确使用$refs实现组件间通信?

目录

一、Vue2语法

1. 组件设置ref值 2. 组件实例获取 3. 子组件内设置对外公开的变量

二、Vue3使用

1. 组件设置ref值 2. 组件实例获取 3. 子组件内设置对外公开的变量

目录
  • 一、vue2语法
  • 二、vue3使用
    • 1. 组件设置ref值
    • 2. 组件实例获取
    • 3. 子组件内设置对外公开的变量

一、vue2语法

vue2语法在组件上设置ref属性后,在代码里可以通过 this.$refs.ref值 访问到对应的子组件。

阅读全文