解决ant design vue DatePicker 随页面滚动

在使用antd vue的select、DatePicker、TreeSelect、AutoComplete组件需要注意页面滚动会导致下拉框也随之移动,如下图所示:

DatePicker的getCalendarContainer属性可以解决这个问题, 定义浮层的容器,默认为 body 上新建 div:

<a-range-picker
     style="width: 100%;"
     :defaultValue="initDateRange()"
     :disabled="disabled"
     :getCalendarContainer="getCalendarContainer()"
     @change="getDateRange"
 />

方法:

getCalendarContainer() {
    return triggerNode => triggerNode.parentNode;
}

如果是select、TreeSelect、AutoComplete组件出现这个问题,设置其getPopupContainer属性来解决问题即可;

发布了75 篇原创文章 · 获赞 62 · 访问量 19万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览