本文转载:John的WEB前端学习日记 文章地址:https://blog.csdn.net/zgrkaka/article/details/100528714
第一种:直接在子组件中通过this.$parent.event来调用父组件的方法
父组件:
<template>
<div>
<child></child>
</div>
</template>
<script>
import child from '~/components/dam/child';
export default {
components: {
child
},
methods: {
fatherMethod() {
console.log('测试');
}
}
};
</script>
子组件
<template>
<div>
<button @click="childMethod()">点击</button>
</div>
</template>
<script>
export default {
methods: {
childMethod() {
this.$parent.fatherMethod();
}
}
};
</script>