Vue—— vue 中 父组件中调用子组件中的方法

父组件

<template>
  <div>
    <Child ref="childRef" />
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  components: {
    Child,
  },
  methods: {
    callChildMethod() {
      this.$refs.childRef.childMethod();
    },
  },
};
</script>

子组件

<template>
  <div>
    <p>子组件</p>
  </div>
</template>

<script>
export default {
  methods: {
    childMethod() {
      console.log("子组件方法被调用");
    },
  },
};
</script>