uni-app父组件拿到子组件的数据

在uni-app中，父组件可以通过使用子组件的 ref 属性来获取子组件的实例，然后通过访问子组件的数据属性来获取子组件的数据。

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

<template>
  <div>
    <child-component ref="child"></child-component>
  </div>
</template>

然后，在父组件的方法中通过 this.$refs.child 来获取子组件的实例，从而可以访问子组件的数据。例如：

export default {
  methods: {
    getChildData() {
      const childData = this.$refs.child.childData;
      console.log(childData);
    }
  }
}

在子组件中，需要将要传递给父组件的数据定义为一个属性，并在数据变化时通过 $emit 方法将数据传递给父组件。例如：

<template>
  <div>
    <button @click="sendData">发送数据给父组件</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      childData: 'Hello, parent!'
    }
  },
  methods: {
    sendData() {
      this.$emit('child-data', this.childData);
    }
  }
}
</script>

在父组件中，可以通过在子组件上监听 `@child-data` 事件来接收子组件传递的数据。例如：

<template>
  <div>
    <child-component ref="child" @child-data="handleChildData"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleChildData(data) {
      console.log(data);
    }
  }
}
</script>

通过这种方式，父组件就可以拿到子组件的数据了。