vue中输入框限制输入数字并且限制小数点后面两位小数

最新推荐文章于 2025-04-17 15:54:37 发布

要加油呀～^O^

最新推荐文章于 2025-04-17 15:54:37 发布

阅读量1.2k

点赞数 1

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_45422321/article/details/131415106

版权

该代码段展示了一个Vue.js组件，使用el-input元素进行用户输入的数值控制。通过v-model.trim绑定变量decLowTemp，设置maxlength属性限制输入长度为16，并在oninput事件中使用正则表达式实时校验和格式化输入值，确保最多保留两位小数。在失去焦点(blur)时，更新model的值为input元素的最终值，实现有效的数值范围控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-input v-model.trim="temp.decLowTemp" maxlength="16"
 oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
 @blur="temp.decLowTemp = $event.target.value" />