Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.47k stars 480 forks source link

[t-select-input] focus点击input输入框时,输入框之前选中的内容消失 #4624

Closed wangxy23 closed 1 month ago

wangxy23 commented 1 month ago

tdesign-vue-next 版本

1.9.4

重现链接

https://stackblitz.com/run?file=package.json,src%2Fdemo.vue

重现步骤

先选中一个下拉项,再鼠标focus点击input输入框,输入框的内容消失,显示的是placeholer内容“请选择”

期望结果

先选中一个下拉项,再鼠标focus点击input输入框,只让输入框的字体颜色改变,而显示内容依旧是上次所选择的数据

实际结果

先选中一个下拉项,再鼠标focus点击input输入框,输入框的内容消失,显示的是placeholer内容“请选择”

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 month ago

👋 @wangxy23,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

RSS1102 commented 1 month ago

select-input 是支持各种自定义需求的

WeChatWorkScreenshot_58b717d5-64d9-417f-bfc3-2f874aafd6d1

你可以自己实现下placeholder的逻辑,高亮已选中等也是可以根据自己的需求实现的,具体可以参照下面的代码:

https://stackblitz.com/edit/cfxpms-pgsctb?file=package.json,src%2Fdemo.vue