下拉选项滚动错位的解决方法 - xinwu-yang/cube-vue GitHub Wiki

问题描述

当使用了 a-modal 或其他带有滚动条的组件时，使用a-select组件并打开下拉框时滚动滚动条，就会导致错位的问题产生。

解决方法

大多数情况下，在 a-select 上添加一个 getPopupContainer 属性，值为node => node.parentNode即可解决。 但是如果遇到 a-select 标签层级过深的情况，可能仍然会显示异常，只需要多加几个.parentNode （例：node => node.parentNode.parentNode.parentNode）多尝试几次直到解决问题即可。

代码示例

<a-select
    placeholder="请选择"
    :options="dicts.displayTemplate"
    :getPopupContainer="node => node.parentNode"
/>