解决antd下拉框a-select下拉列表和输入框分离的问题

问题多出现在弹窗内使用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>

Guess you like

Origin blog.csdn.net/qq_36451496/article/details/121436511