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

相關文章
相關標籤/搜索