getPopupContainer解决ant-design-vue select组件下拉框偏移错位

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


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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容