vue子组件调用父组件的方法

cy玩具

于 2024-07-10 22:32:54 发布

阅读量105

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45500519/article/details/140336044

版权

// Child.vue
<template>
  <view>
    <button @click="childMethod">我是子组件</button>
  </view>
</template>

<script>
export default {
  name: "Child",
  props: {
    fatherMethod: {
      type: Function,
      require: true,
      default: null,
    },
  },
  methods: {
    childMethod() {
      console.log(
        "我是子组件的方法，我在子组件中通过 props 的方式调用了父组件的方法"
      );
      this.fatherMethod();
    },
  },
};
</script>

<style scoped>
</style>