如何使列表<a-select-option>蚂蚁设计vuejs始终位于底部

Question

我对vuejs的antdesign感到麻烦。这是我的代码：

<template>
  <a-select
    class="filter-table"
    placeholder="Choose your set"
    :get-popup-container="(triggerNode) => triggerNode.parentNode"
  >
    <a-select-option
      v-for="(item, index) in listItem"
      :key="index"
      :value="item"
    >
      <div class="item-dropdown">
        <div class="text-item" @click="handleChange(item)">
          {{ item }}
        </div>
        <img :src="remove" class="icon-remove" @click.stop="removeItem(item)" />
      </div>
    </a-select-option>
  </a-select>
</template>

如果工作完美。这是我的结果。

但是当我在屏幕底部时，当我单击我的选择时，列表如下所示。

我希望列表始终显示在底部。就像第一张照片一样。我尝试研究并阅读vue的antd文档（https://www.antdv.com/components/select/#Select）。但是在滚动页面时，我仅看到属性getPopupContainer到固定列表选项。而且我没有看到任何相关的:(。不管有什么建议。请让我知道。我要感谢大家。