博客

关于ant design for vue 下拉框在页面滑动后无法跟随滑动

  • Post author:
  • Post category:vue


需要在页面中加入如下 

:getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"

即可让下拉跟随移动

例如 

<a-select v-model="SearchForm.settlementStatus" @dropdownVisibleChange="getSttlementStatus" :getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}">
    <a-select-option v-for="item in List" :key="item.id" :value="item.code">{{item.label}}</a-select-option>
</a-select>

<a-range-picker format="YYYY-MM-DD" v-model="date"  :getCalendarContainer="triggerNode => {return triggerNode.parentNode || document.body;}"/>


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