Ant Design Select组件下拉选项随页面滚动与Select框分离问题

 <div >
   <div class="w-30 text-right">
     <span>性别：</span>
   </div>
   <div class="w-70" style="position: relative">
     <a-select
       style="width: 100%"
       @change="handleSex"
       :getPopupContainer="(trigger) => trigger.parentNode"
     >
       <a-select-option value style="display: none"
         >请选择</a-select-option
       >
       <a-select-option
         v-for="item in sexList"
         :value="item.dicCode"
         :key="item.dicCode"
         >{{ item.dicName }}</a-select-option
       >
     </a-select>
   </div>
 </div>

看官方文档是这么写的：

Select Dropdown DatePicker TimePicker Popover Popconfirm 会跟随滚动条上下移动？

使用 <a-select :getPopupContainer="trigger => trigger.parentNode"> 来将组件渲染到滚动区域内，或者使用其他的 getXxxxContainer 参数。

但是不生效，加上 style="position: relative"就可以了。