tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

[Input] 带字数限制的输入框,最后一个字无法打出来

Open xiaweiss opened this issue 2 years ago • 5 comments

tdesign-miniprogram 版本

最新版

重现链接

tdesign示例小程序

重现步骤

image

期望结果

可以正常敲拼音

实际结果

无法输入

基础库版本

3.1.5

补充说明

No response

xiaweiss avatar Oct 30 '23 09:10 xiaweiss

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

github-actions[bot] avatar Oct 30 '23 09:10 github-actions[bot]

@xiaweiss 截屏2023-11-01 14 38 05 官网不能复现的需要提供可复现代码片段

anlyyao avatar Nov 01 '23 06:11 anlyyao

@anlyyao 需要在真机上复现,注意看我最后输入的是拼音。如果我输入 hao,那么你们组件计数为 3,于是长度限制的情况下,只能输入 h,无法输入 ao,你懂吧?

xiaweiss avatar Nov 13 '23 04:11 xiaweiss

@anlyyao 需要在真机上复现,注意看我最后输入的是拼音。如果我输入 hao,那么你们组件计数为 3,于是长度限制的情况下,只能输入 h,无法输入 ao,你懂吧?

明白了,这是原声input组件的已知问题,我们无法直接彻底解决,需要依赖微信官方。可以考虑用受控方式,自己手动切割

anlyyao avatar Nov 20 '23 09:11 anlyyao

@anlyyao 可以彻底解决,效果可以看「墨问便签」小程序的个人设置。需要在 onInput 里做字符串截断处理,然后 return 截断后的值。目前 maxLength 属性肯定是不行的,除非小程序团队那么改改。

xiaweiss avatar Nov 22 '23 10:11 xiaweiss