uniapp父调用子组件方法

在 Uniapp 中，父组件调用子组件的方法可以通过使用 ref 引用来实现。下面是一个简单的示例：

在父组件中，首先给子组件添加 ref 属性：

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

<script>
import Child from '@/components/Child.vue';

export default {
  components: {
    Child
  },
  methods: {
    callChildMethod() {
      // 调用子组件的方法
      this.$refs.childComponent.childMethod();
    }
  }
}
</script>

在子组件中，定义需要被调用的方法：

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

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

通过在父组件中使用 `this.$refs.childComponent` 可以获取到子组件的实例，并且可以直接调用子组件的方法。在上述示例中，当点击按钮时，会调用子组件的 `childMethod` 方法，并在控制台输出日志。