前端杂记

getPopupContainer解决ant-design-vu

2019-05-22  本文已影响0人  二营长家的张大炮

如果打开了类似于下拉框等组件,我们在滚动滚轮的时候,已展开的组件并不随着页面一起滚动,导致页面样式问题
类似于这种情况:


image.png

这时候我们在组件中添加代码:
getPopupContainer改变浮层渲染父节点

  <Select
      allowClear
      class="book-select"
      @change="value=>handleSelectChange('publish',value)"
      placeholder="出版社"
      :getPopupContainer="
          triggerNode => {
            return triggerNode.parentNode || document.body;
          }
        "
    >
      <SelectOption
        v-for="(publishItem,index) in publishes"
        :value="publishItem.code"
        :key="index"
      >{{publishItem.name}}</SelectOption>
    </Select>
上一篇 下一篇

猜你喜欢

热点阅读