uniapp 中如何使子组件调用父组件里的方法

根据提供的引用内容，你可以在uniapp中使用ref属性和$refs来实现子组件调用父组件的方法。在父组件中，给子组件添加ref属性并为其指定一个属性名，然后在调用时使用this.$refs.(属性名).(子组件方法)的方式调用子组件的方法。具体的代码示例如下：

父组件模板：

<template>
 <view class="">
    <son ref="mySon"></son>
    <button @click="fatherClick">父组件按钮</button>
  </view>
</template>
<script>
import son from '@/components/son.vue'
export default {
  components: {
    son
  },
  methods: {
    fatherClick() {
      this.$refs.mySon.sonClick("father call son");
    }
  }
}
</script>

子组件模板：

<template>
  <view class="">
    <text>子组件</text>
  </view>
</template>
<script>
export default {
  name: 'son',
  methods: {
    sonClick(e) {
      console.log(e);
    }
  }
}
</script>

在上面的代码中，父组件中通过ref属性给子组件添加了属性名为"mySon"，然后在父组件的方法中使用this.$refs.mySon.sonClick()调用了子组件的sonClick方法，并传递了参数"father call son"。子组件中的sonClick方法会打印出传递的参数。

这样，就实现了子组件调用父组件的方法。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [uniapp 中父组件调用子组件方法](https://blog.csdn.net/weixin_49175501/article/details/117334781)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]