有时候开发时,select下拉框的内容需要自定义内容时,可能会出现,下垃框覆盖到select框,用户想输入内容搜索的时候导致无法输入
- 如下图所示,覆盖后,无法在输入框输入内容

2.首先在a-select 标签里加上ref属性,形如下面,这里只展示一部分代码
<a-select style="width: 120px" ref='selectNode'>
<div slot="dropdownRender" >
//定义其它内容......
</div>
</a-select>
3.触发select框展示下拉框时,可以看到里面有个这个属性pupupRef

pupupRef属性里面有个align属性

4.所以就将这个属性中修改为false
//关闭溢出位置调整
let items = this.$refs.selectFocus.popupRef;
items.align.overflow.adjustY = false;
5.后面下拉框的位置就不会出现覆盖select框了
当自定义Select下拉框内容时,可能出现下拉框覆盖输入框,导致无法输入。通过在a-select标签添加ref属性,然后在dropdownRender插槽内定义内容。通过调整popupRef的align.overflow.adjustY属性为false,可以避免下拉框覆盖,确保用户能正常输入。
3220

被折叠的 条评论
为什么被折叠?



