主应用严格模式下，子应用组件el-date-picker点击无效

主应用严格模式下，子应用组件el-date-picker点击无效：

主应用严格模式下，子应用组件el-date-picker type="year" 只能点击左侧得小图标才可以弹出日历, 点击输入框日历弹窗闪一下就消失了

分析：

在 qiankun 微前端环境下 el-date-picker 组件无法正常使用。这通常是由于弹出层的定位和渲染上下文问题导致的。Element UI 的日期选择器默认会附加到 body 上，但在 qiankun 环境中需要特殊处理
<el-date-picker v-model="searchForm.modelYear" type="year" value-format="yyyy" placeholder="选择年" style="width: 208px" size="mini" ></el-date-picker>

解决方法：

bash 复制代码

        <el-date-picker
          v-model="searchForm.modelYear"
          type="year"
          value-format="yyyy"
          placeholder="选择年"
          style="width: 208px"
          size="mini" 
          ref="datePicker"
          :editable="false"
          :append-to-body="false"
          @click.native="handleDatePickerClick('datePicker')"></el-date-picker>
    handleDatePickerClick(datePicker) {
      this.$nextTick(() => {
        const pickerPanel = this.$refs[datePicker]
        const isPickerVisible = pickerPanel.pickerVisible
        if (pickerPanel && !isPickerVisible) {
          pickerPanel.showPicker()
        }
      })
    }

搭建 Java 开发环境
掌握 Java 基本语法
掌握条件语句
掌握循环语句

学习时间：

提示：这里可以添加计划学习的时间

例如：

周一至周五晚上 7 点---晚上9点
周六上午 9 点-上午 11 点
周日下午 3 点-下午 6 点

学习产出：

提示：这里统计学习计划的总量

例如：

技术笔记 2 遍
CSDN 技术博客 3 篇
习的 vlog 视频 1 个