el-date-picker显示位置出错

问题描述:

页面使用el-date-picker后,弹出的时间选择框位置问题,无法相对定位。如下图:
在这里插入图片描述

解决方案:

el-date-picker中添加:append-to-body="false"即可解决

<el-date-picker
                  v-show="radiodate == '自定义'"
                  :append-to-body="false"	
                  v-model="pickedDateTime"
                  :picker-options="pickerOptions2"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  size="mini"
                  @change="changeDate"
                >
                </el-date-picker>

参考:
el-date-picker在el-dialong弹窗中,定位错乱,el-select的下拉框不跟随页面滚动


版权声明:本文为lunarych原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。