父页面为leaflet地图和点位渲染，子页面为popup自定义页面，如何将popup子页面中使用的el-date-picker在popup打开前初始化

要在popup打开前初始化el-date-picker，可以使用Vue.js的生命周期函数。在popup子页面的mounted函数中，可以使用this.$nextTick方法，等待Vue.js渲染完毕后再执行初始化。具体代码可以参考下面的示例：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: "",
      pickerOptions: {
        disabledDate: (time) => {
          // 禁止选择今天以后的日期
          return time.getTime() > Date.now();
        },
      },
    };
  },
  mounted() {
    this.$nextTick(() => {
      // 初始化el-date-picker
      this.$refs.datePicker.picker = new this.$refs.datePicker.constructor(
        this.$refs.datePicker.$refs.reference.$el.querySelector("input"),
        this.$refs.datePicker.pickerOptions,
        this.$refs.datePicker.type
      );
    });
  },
};
</script>

在mounted函数中，先使用this.$nextTick方法等待Vue.js渲染完毕，然后再执行初始化。初始化的代码中，通过this.$refs.datePicker获取到el-date-picker组件实例，然后通过该实例的constructor方法创建一个新的picker实例，最后将该实例赋值给el-date-picker组件的picker属性。这样就完成了el-date-picker的初始化。