子组件
<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("父组件调用");
}
}
}
</script>
转载于:https://www.cnblogs.com/YAN-HUA/p/9512308.html