arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design
https://arco.design/vue
MIT License
2.69k stars 526 forks source link

auto-complete组件优化建议,支持动态设置 select 组件的 default-active-first-option 属性 #3194

Open liujunmm opened 3 months ago

liujunmm commented 3 months ago

image

Basic Info

What are the similar cases of this feature

在使用auto-complete组件作为查询条件时,有时候输入文本后想直接回车触发查询,使用 @press-enter 虽说可以触发回车,但是由于 select 组件 default-active-first-option 属性默认为true,导致每次输入文字回车后都会自动选上第一项

What problem does this feature solve?

可以实现输入文本后,不自动选中候选项的第一项,支持用户直接回车使用当前文本进行业务交互

Extra info

如果支持动态设置 select 组件的 default-active-first-option 属性 可以设置 default-active-first-option = false ,在回车事件里面,同时设置inputRef.value?.blur(),即可实现该需求