uniapp项目中组件调用父组件的方法

在uniapp项目中，要实现组件调用父组件的方法，可以通过使用ref属性来实现。首先，在父组件的模板中，给子组件添加ref属性和一个属性名（可以任意指定）。例如：

<template>
  <view class="">
    <son ref="mySon"></son>
    <button @click="fatherClick">父组件按钮</button>
  </view>
</template>

接下来，在父组件的script中，引入子组件，并在components中注册。然后，在methods中定义一个父组件的方法，通过this.$refs.(属性名)来调用子组件的方法。例如：

<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中，定义子组件的方法。例如：

<script>
export default {
  name: 'son',
  methods: {
    sonClick(e) {
      console.log(e)
    }
  }
}
</script>

这样，当点击父组件中的按钮时，就会调用子组件的sonClick方法，并传入参数"father call son"。<span class="em">1</span><span class="em">2</span>