t-input-number 设置小数位数时用户输入数据显示异常
tdesign-vue-next 版本
lastest
重现链接
官网示例中即可复现
重现步骤
decimal-places 设置为 2时,输入 6.666 输入框的值变为 6.67,如果用户一直输入小数,并且值大于 5 则值反复四舍五入
例如小明输入 6.666 , 输出为 6.67 输入 6.6666 输出为 6.68 输入 6.66666 输出为 6.69
原因: formatUnCompleteNumber 中格式化非大数的数使用的是 tofixed 导致数据四舍五入,输入框数据异常
期望结果
输入 6.666,应为 6.66,多余一位被截去而不是四舍五入
实际结果
6.67
框架版本
No response
浏览器版本
No response
系统版本
No response
Node版本
No response
补充说明
No response
👋 @52Hertz-1,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
谢谢反馈 @52Hertz-1 我们会扩展这个API支持你的这个反馈
将按照如下的方式来进行支持:
decimalPlaces 接受 number | { enableRound: boolean, places: number }
其中 enableRound 表示是否开启四舍五入
published 1.10.0
官方的四舍五入好像有些问题,示例中的小数5有时候不进位有时候进一次,大于5倒是可以一直进位。 希望官方可以一起修复。
官方的四舍五入好像有些问题,示例中的小数5有时候不进位有时候进一次,大于5倒是可以一直进位。 希望官方可以一起修复。
麻烦提供下复现示例 https://tdesign.tencent.com/vue-next/components/input-number#%E5%A4%A7%E6%95%B0%E5%AD%97%E8%BE%93%E5%85%A5%E6%A1%86 你说的是这里可以复现吗?
是的,这里输入5并不会一直进位(可能会,可能不会,没看逻辑)
这里保留是2位小数 不存在进位
如果是5的话则有时候不进位
希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能
希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能
好的 很好的建议
希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能
好的 很好的建议
使用这个功能时发现bug,已经提供最小复现示例,有空处理下吗 https://github.com/Tencent/tdesign-vue-next/issues/4866
@Lnncoco 已经有修复的PR

