在使用Ant Design Vue的时候,发现 <a-select>
组件如果用在局部滚动的地方,滚动鼠标滚轴的时候,select的下拉内容会脱离滚动内容,不跟随滚动,问题示意如下图:
画红框的内容是‘使用场景’的下拉内容,但是鼠标滚动时却没有跟随‘使用场景’下拉框滚动,解决这一问题的方法,就是在 <a-select>
组件添加 getPopupContaine
属性,具体如下:
<a-select
:getPopupContainer="
triggerNode => {
return triggerNode.parentNode || document.body;
}"
>
ok,希望对遇到同样问题的同学有帮助,祝大家春节快乐!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。