uniapp父组件调用子组件方法

在 UniApp 中，父组件可以通过在子组件上使用 `ref` 属性来获取子组件实例，并且可以调用子组件的方法。以下是一个示例：

在父组件中，可以使用 `ref` 属性获取子组件的实例：

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

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

export default {
  components: {
    child
  },
  methods: {
    callChildMethod() {
      // 获取子组件实例
      const childInstance = this.$refs.childRef;
      // 调用子组件方法
      childInstance.childMethod();
    }
  }
}
</script>

在子组件中，定义要暴露给父组件调用的方法：

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

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

这样，当点击父组件中的按钮时，会调用子组件的 `childMethod` 方法。