uni-popup 中 子组件如何初始化

在 `uni-popup` 中，子组件可以通过 `mounted` 生命周期函数进行初始化，具体的实现方式如下：

1. 在子组件的 `mounted` 生命周期函数中，获取到 `uni-popup` 的实例对象，可以通过 `this.$parent` 或者 `$parent` 来获取。

2. 在获取到 `uni-popup` 实例对象之后，可以调用 `this.$parent.$refs.popup` 来获取到 `uni-popup` 的 DOM 对象，进而对其进行操作。

3. 如果需要在 `uni-popup` 显示时进行初始化，可以在 `mounted` 生命周期中判断 `uni-popup` 的显示状态，如果已经显示，则进行初始化，否则可以监听 `show` 事件，在 `show` 事件中进行初始化。

示例代码如下：

<template>
  <uni-popup ref="popup" @show="handleShow">
    <custom-component ref="child"></custom-component>
  </uni-popup>
</template>

<script>
export default {
  mounted() {
    // 获取 uni-popup 实例对象
    const popupInstance = this.$parent;
    // 监听 show 事件
    popupInstance.$on('show', this.handleShow);
  },
  methods: {
    handleShow() {
      // 获取 uni-popup 的 DOM 对象
      const popupDom = this.$refs.popup.$el;
      // 获取子组件实例对象
      const childInstance = this.$refs.child;
      // 子组件初始化
      childInstance.init(popupDom);
    }
  }
};
</script>