vue调用子组件的方法是什么
时间: 2023-08-29 11:12:49 浏览: 89
vue 父组件中调用子组件函数的方法
5星 · 资源好评率100%
可以使用ref来引用子组件,然后通过$refs调用子组件的方法,例如:
```html
<template>
<div>
<child ref="myChild"></child>
<button @click="callChildMethod">调用子组件方法</button>
</div>
</template>
<script>
import Child from './Child.vue'
export default {
components: {
Child
},
methods: {
callChildMethod() {
this.$refs.myChild.childMethod()
}
}
}
</script>
```
在上面的代码中,我们在父组件中引用了一个名为Child的子组件,并设置了ref为"myChild"。然后在父组件的方法中,可以通过this.$refs.myChild来访问子组件实例,并调用子组件的childMethod()方法。
阅读全文