NumberField.tsx中字符串转数字时有问题

来源：7-9 迁移NumberWidget

慕少4331482

2021-07-06

图片描述

现象：当type为’number’时，用户不能清空输入框，输入框最后会一直显示0.
原因：用户清空输入框时，handleChange接受到的参数v为空字符串，Number(v)为0，最后会把0传到父级的onChange中。建议加一个参数为空字符串的判断。

写回答

2回答

Turb

2023-03-08

可以在NumberField.tsx 和NumberWidget.tsx中的change事件判断改成这样

if (Number.isNaN(num) || value === '') {

props.onChange(undefined)

} else {

props.onChange(num)

}

Jokcy

2021-07-09

可以，你可以把你的解决方案贴出来，别的同学也可以参考

Vue3.0+TS打造企业级组件库前端中高级开发者必修课

深度匹配高级前端工程师用人需求打造属于你自己的开源项目

1310 学习 · 250 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1