主应用严格模式下，子应用组件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>

解决方法：

        <el-date-pickerv-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.pickerVisibleif (pickerPanel && !isPickerVisible) {pickerPanel.showPicker()}})}

1. 搭建 Java 开发环境
2. 掌握 Java 基本语法
3. 掌握条件语句
4. 掌握循环语句

学习时间：

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

例如：

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

学习产出：

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

例如：

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