0
点赞
收藏
分享

微信扫一扫

element ui 时间筛选样式遮盖问题修复


element ui 时间筛选样式遮盖问题修复:

element ui 时间筛选样式遮盖问题修复_elementui


正常情况下通过添加一个属性即可解决:

<el-date-picker
v-model="endDate"
@change="selectDateDamage"
type="month"
ref="timeBox" // 这个属性是为下一步清除焦点做准备
format="yyyy-MM"
value-format="yyyy-MM"
:append-to-body="true" // 只需增加这个属性就好
:picker-options="pickerOptions"
>
</el-date-picker>

但是这次需求的是通过 tab 切换同时切换 el-date-picker,第一次初始化时是成功了,但每当点击 tab 就会重现上述遮盖问题。

经过排查发现,tab 切换时时间筛选的焦点没有消失,导致绑定到 body 失败。此时我们只需清除焦点即可。

this.$refs.timeBox.doDestroy()

element ui 时间筛选样式遮盖问题修复_elementui_02


举报

相关推荐

0 条评论