getPopupContainer解决ant-design-vu
2019-05-22 本文已影响0人
二营长家的张大炮
如果打开了类似于下拉框等组件,我们在滚动滚轮的时候,已展开的组件并不随着页面一起滚动,导致页面样式问题
类似于这种情况:
image.png
这时候我们在组件中添加代码:
getPopupContainer改变浮层渲染父节点
<Select
allowClear
class="book-select"
@change="value=>handleSelectChange('publish',value)"
placeholder="出版社"
:getPopupContainer="
triggerNode => {
return triggerNode.parentNode || document.body;
}
"
>
<SelectOption
v-for="(publishItem,index) in publishes"
:value="publishItem.code"
:key="index"
>{{publishItem.name}}</SelectOption>
</Select>