这节课,我们来看一下如何从组件外部调用组件内的方法。
我们来看个例子,假设,我们有一个 Child
组件:
// Child.vue
<template>
<div>
child 组件
</div>
</template>
<script>
export default {
methods: {
childMethod () {
console.log('调用了 child 组件方法')
}
}
}
</script>
如果我们想父组中调用 Child 的 childMethod
方法,该怎么做呢?恩,我们一般使用 ref
方式,如下所示:
<template>
<div>
<Child ref="child" />
</div>
</template>
<script>
import Child from './components/Child.vue'
export default {
components: {
Child
},
mounted () {
thi