Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法

在使用Ant Design Vue的时候,发现 <a-select> 组件若是用在局部滚动的地方,滚动鼠标滚轴的时候,select的下拉内容会脱离滚动内容,不跟随滚动,问题示意以下图:
微信图片_20200121112914.png微信

画红框的内容是‘使用场景’的下拉内容,可是鼠标滚动时却没有跟随‘使用场景’下拉框滚动,解决这一问题的方法,就是在 <a-select> 组件添加 getPopupContaine 属性,具体以下:spa

<a-select
    :getPopupContainer="
    triggerNode => {
      return triggerNode.parentNode || document.body;
    }"
>

ok,但愿对遇到一样问题的同窗有帮助,祝你们春节快乐!code

相关文章
相关标签/搜索