antd vue 解决a-select下拉菜单跟随页面滚动

69 阅读1分钟

官网

2x.antdv.com/components/…

解决

官方原话:getPopupContainer菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位  

解决方案 : 这样就ok了 

1:getPopupContainer=``"triggerNode => triggerNode.parentNode"

当表格里出现select时,就会出现以下情况

解决方案: 手动指定到对应节点上

1234567891011121314151617181920给父级定义个 id=``"tableBox" 属性 // select 属性上绑定``:getPopupContainer=``"() => getPopupContainerEl" // data 里定义``data() {``    ``return {``        ``getPopupContainerEl: document.body   ``// 先给个默认值``    ``}``} // mounted 里重新赋值``  ``mounted() {``    ``this``.$nextTick(() => {``  ``// 这一步重新赋值的原因是,因为没有获取dom,等页面渲染完在获取``      ``this``.getPopupContainerEl = document.getElementById(``'tableBox'``)``    ``})   ``},