Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

t-input-number 设置小数位数时用户输入数据显示异常 #4499

Closed
52Hertz-1 opened this issue Aug 22, 2024 · 14 comments
Closed

t-input-number 设置小数位数时用户输入数据显示异常 #4499

52Hertz-1 opened this issue Aug 22, 2024 · 14 comments
Labels
to be published to be published

Comments

@52Hertz-1
Copy link

52Hertz-1 commented Aug 22, 2024

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

Copy link
Contributor

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

@52Hertz-1 52Hertz-1 changed the title t-input-number t-input-number 设置小数位数时用户输入数据显示异常 Aug 22, 2024
@uyarn uyarn added the 💭 discussion we are discussing label Aug 22, 2024
@uyarn
Copy link
Collaborator

uyarn commented Aug 26, 2024

谢谢反馈 @52Hertz-1 我们会扩展这个API支持你的这个反馈

@zhangpaopao0609
Copy link
Collaborator

zhangpaopao0609 commented Sep 5, 2024

将按照如下的方式来进行支持:
decimalPlaces 接受 number | { enableRound: boolean, places: number }
其中 enableRound 表示是否开启四舍五入

@uyarn
Copy link
Collaborator

uyarn commented Sep 10, 2024

published 1.10.0

@uyarn uyarn closed this as completed Sep 10, 2024
@ouyanghui100
Copy link

官方的四舍五入好像有些问题,示例中的小数5有时候不进位有时候进一次,大于5倒是可以一直进位。
希望官方可以一起修复。

@uyarn
Copy link
Collaborator

uyarn commented Oct 30, 2024

官方的四舍五入好像有些问题,示例中的小数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 你说的是这里可以复现吗?

@ouyanghui100
Copy link

image
是的,这里输入5并不会一直进位(可能会,可能不会,没看逻辑)

@uyarn
Copy link
Collaborator

uyarn commented Oct 30, 2024

这里保留是2位小数 不存在进位

@ouyanghui100
Copy link

image

@ouyanghui100
Copy link

image

如果是5的话则有时候不进位

@Lnncoco
Copy link
Contributor

Lnncoco commented Dec 25, 2024

希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能
image

@uyarn
Copy link
Collaborator

uyarn commented Dec 25, 2024

希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能 image

好的 很好的建议

@Lnncoco
Copy link
Contributor

Lnncoco commented Dec 30, 2024

希望在文档里也提一下会四舍五入,而且可以通过enableRound控制关闭,目前如果不看类型定义或者特意搜,注意不到这个功能 image

好的 很好的建议

使用这个功能时发现bug,已经提供最小复现示例,有空处理下吗 #4866

@uyarn
Copy link
Collaborator

uyarn commented Dec 30, 2024

@Lnncoco 已经有修复的PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
to be published to be published
Projects
None yet
Development

No branches or pull requests

5 participants