本文探讨了在下拉菜单内容过多时如何使用`dropdown-style`属性限制高度并启用滚动条。然而，这样做会导致下拉框在滚动时位置不固定。通过添加`getPopupContainer`属性，将下拉框的弹出位置设置为触发元素的父节点或body，成功解决了下拉框滚动时的定位问题。这种方法确保了用户体验的流畅性。
当下拉的内容较多的时候,没有使用:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"的效果,会占满屏幕
使用:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"之后的效果:就会按照设置的高度来
出现以下的问题: 滚动条滚动的时候,下拉框不固定
解决方案: 添加下面的代码
:getPopupContainer="
triggerNode => {
return triggerNode.parentNode || document.body;
}"
整体如图:
扫一扫
4522
到【灌水乐园】发言
