1.select-dropdown遮盖选择框的输入框问题
select默认开启Y轴溢出位置调整,因此在可视空间不足时下拉框位置会自动上移,导致Select的输入框被遮挡。需要注意的是,默认情况是是可视空间,而不是所拥有的空间
利用:dropdownAlign="{overflow: {adjustY: false }}" // 关闭溢出位置调整
<template>
<a-select v-model:value="values"
:dropdownAlign="{
overflow: {
adjustY: false
}
}"
show-search :filter-option="filterOption" allowClear>
</template>
<script>
import {computed} from vue
export default {
setup(){
const filterOption = computed(() =>{
return []})}}
</script>
2.select-dropdown不随着整个窗口进行滚动造成下拉框和选择框分离的情形。
:getPopupContainer="triggerNode => triggerNode.parentNode"
通过添加这个使其挂载在父节点下。