在Vue3.0中，为确保输入框(input)正确处理数字，需使用v-model.number确保类型，配合oninput事件和正则表达式限制非数字和点输入，设置type=number保证输入格式，同时使用min=0设定最小值为0。可以添加maxlength属性定义最大输入长度，避免小bug并优化用户体验。
<input v-model.number="form.payTime" :min="0" type="number" οninput="value=value.replace(/[^0-9.]/g,'')" type="text" />
v-model 后面的.numer 一定要加上不然没效果
οninput="value=value.replace(/[^0-9.]/g,'')" 正则表达式 从而帮助去规定数字
type="number" 实现了input 框的 输入格式
:min="0" 规定了最小数字为0
vue 3.0实现 文本框的格式规则就是以上方式,不然会有小bug出现或者有些功能实现不了，已亲测好用好处理
maxlength="40"
还可以规定自定义长度
2293
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
