免费个人网站建设报价,两学一做夜校网站,wordpress喜欢_赏_分享,wordpress服务器版前言 概述#xff1a;el-date-picker 组件会自动根据空间范围进行选择比较好的弹出位置#xff0c;但特定情况下#xff0c;它自动计算出的弹出位置并不符合我们的实际需求#xff0c;故需要我们手动设置。 存在的问题#xff1a;element-plus 中 el-date-picker 文档中并…前言 概述el-date-picker 组件会自动根据空间范围进行选择比较好的弹出位置但特定情况下它自动计算出的弹出位置并不符合我们的实际需求故需要我们手动设置。 存在的问题element-plus 中 el-date-picker 文档中并没有提供明确的属性供我们设置弹出位置。 解决方案我们可以看到文档提供了 popper-options 属性供我们去定制。详情设置可阅读 popper.js。
实际场景案例 原始状态向左侧弹出 实际需求下方弹出 代码设置 核心配置——popper-options :popper-options{modifiers: [{name: flip,options: {fallbackPlacements: [bottom],allowedAutoPlacements: [bottom],}}]
}完整代码
el-date-pickerv-modeltimeRangetypedatetimerangeformatYYYY-MM-DD HH:mm:ssvalue-formatx:clearablefalseprefixIcon:popper-options{modifiers: [{name: flip,options: {fallbackPlacements: [bottom],allowedAutoPlacements: [bottom],}}]}
/最终效果
