vue3父组件通过ref调用子组件的方法

Index.vue

javascript 复制代码
<script setup>
import { ref, onMounted } from 'vue'
import Child from './Child.vue'
import './index.css'

const child = ref(null)

onMounted(() => {
  child.value.handleGetValue()
})
</script>

<template>
  <div class="m-home-wrap">
    <Child ref="child"></Child>
    <div class="m-home-demo"></div>
  </div>
</template>

<style></style>

Child.vue:

javascript 复制代码
<template>
  <div>child</div>
</template>

<script>
export default {
  methods: {
    handleGetValue() {
      console.log('子组件的方法')
    }
  }
}
</script>

<style>

</style>

人工智能学习网站

https://chat.xutongbao.top

相关推荐
Cache技术分享2 分钟前
60. Java 类和对象 - 返回类型为类或接口
前端·后端
Morris只会敲命令11 分钟前
CentOS 如何使用截图工具截取命令行操作的图片?
前端·chrome
嘻嘻嘻嘻嘻嘻ys12 分钟前
《Vue 3响应式革命:Proxy机制深度解析与性能优化实战》
前端·后端
superkiki15 分钟前
哈基Diff算法?!,有点意思
前端
11在上班15 分钟前
盘点前端日志采集的几种方式
前端·面试
10年前端老司机16 分钟前
微信小程序wxs
前端·javascript·微信小程序
A丹17 分钟前
我理解的Vue 2.6.14的package.json
vue.js
胖方Hale18 分钟前
01. Typescript 基础数据类型
前端·typescript
阿乐去买菜18 分钟前
很喜欢Vue,但还是选择了React: AI时代的新考量
前端·aigc
wifi歪f18 分钟前
如何实现双token机制?
前端