Tencent / tdesign-vue-next

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

t-input 使用maxlength限制内容长度,show-limit-number显示错误 #4413

Closed MrHangZai closed 1 month ago

MrHangZai commented 1 month ago

tdesign-vue-next 版本

"tdesign-vue-next": "^1.6.8"

重现链接

https://tdesign.tencent.com/vue-next/components/input?tab=demo#%E5%B8%A6%E9%95%BF%E5%BA%A6%E9%99%90%E5%88%B6%E7%9A%84%E8%BE%93%E5%85%A5%E6%A1%86

重现步骤

在官方demo [带长度限制的输入框] 下第一个输入框输入一二三🎁,show-limit-number显示4/5但是却不可以再输入任何内容了。 1

期望结果

期望show-limit-number显示正确

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

IssueShoot

github-actions[bot] commented 1 month ago

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

MrHangZai commented 1 month ago

t-input v-model.trim="value" :maxlength="5" :suffix="${value.length}/5" 用suffix代替show-limit-number貌似不错