在使用Ant Design Vue的时候,发现 <a-select>
组件若是用在局部滚动的地方,滚动鼠标滚轴的时候,select的下拉内容会脱离滚动内容,不跟随滚动,问题示意以下图:微信
画红框的内容是‘使用场景’的下拉内容,可是鼠标滚动时却没有跟随‘使用场景’下拉框滚动,解决这一问题的方法,就是在 <a-select>
组件添加 getPopupContaine
属性,具体以下:spa
<a-select :getPopupContainer=" triggerNode => { return triggerNode.parentNode || document.body; }" >
ok,但愿对遇到一样问题的同窗有帮助,祝你们春节快乐!code