问题多出现在弹窗内使用a-select的情况中,当打开下拉框的情况下,滑动页面,会发现下拉列表和输入框分离了
这种情况只需要在a-select标签内加上以下属性就可以
:getPopupContainer="(trigger) => trigger.parentElement"
完整代码:
<a-tree-select
multiple
placeholder="请选择所属角色类型"
allowClear
:getPopupContainer="(trigger) => trigger.parentElement"
treeDefaultExpandAll
v-decorator="[
'roleTypeIdList',
{
rules: [
{ required: true, message: '必填信息' }
]
}
]"
>
<a-tree-select-node
v-for="item in basicRoleTypeVOList"
:key="item.id"
:title="item.name"
:value="item.id"
></a-tree-select-node>F
</a-tree-select>