vue 父组件调用子组件的函数

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

子组件

<template>
<div>
child
</div>
</template><script>
export default {
name: "child",
props: "someprops",
methods: {
childFunction(e) {
console.log(e,"ying")
}
}
}
</script>

父组件

<template>
<div>
<button @click="clickParent">点击</button>
<child ref="mychild"></child>
</div>
</template><script>
import Child from './child';
export default {
name: "parent",
components: {
child: Child
},
methods: {
clickParent() {
this.$refs.mychild.childFunction("父组件调用");//过this.$refs.ref.method调用
}
}
}
</script>