el-input 格式化输入值

复制代码
1. 只允许输入数字,并保留两位小数
html 复制代码
<el-input
                        class="config-input"
                        type="number"
                        v-model="v.minHeight"
                        placeholder=""
                        :min="0"
                        @input="v.minHeight = Number(Number(v.minHeight).toFixed(2))"
                    /
复制代码
  1. 只允许输入数字,不可以有小数
html 复制代码
<el-input
                        class="self-area-input"
                        type="number"
                        v-model="selfMixtureArea.self1Times"
                        placeholder=""
                        :min="0"
                        @input="selfMixtureArea.self1Times = Number(selfMixtureArea.self1Times.toString().replace(/[^\d]/g, ''))"
                    />

以上写法会影响负数输入,直接用el-input的精度参数:

html 复制代码
<el-input v-model="storageArea.minHeight" type="number" :precision="2" :step="0.01"> </el-input>
相关推荐
武昌库里写JAVA1 小时前
C语言 #pragma once - C语言零基础入门教程
vue.js·spring boot·sql·layui·课程设计
速易达网络2 小时前
Vue3 原生移动应用开发来了
前端·javascript·css
渣哥2 小时前
别再乱用了!Spring AOP 与 AspectJ 的区别比你想的复杂
javascript·后端·面试
患得患失9492 小时前
【Turborepo】【Next】 Turborepo + Next.js 前后端精简搭建笔记(带官网)
开发语言·javascript·笔记
小谭鸡米花2 小时前
高德地图电子围栏/地图选区/地图打点
前端·javascript·vue.js
西瓜树枝2 小时前
解决 JS 大整数精度丢失?一文读懂 BigInt 的底层逻辑与实战规则
前端·javascript
刺客_Andy2 小时前
React 第四十六节 Router中useInRouterContext的使用详细介绍及注意事项
前端·javascript·react.js
刺客_Andy2 小时前
React 第四十四节Router中 usefetcher的使用详解及注意事项
前端·javascript·react.js
刺客_Andy3 小时前
React 第四十五节 Router 中 useHref() Hook的使用详解及注意事项
前端·javascript·react.js
好好好明天会更好3 小时前
Vue2中页面数据响应的问题
前端·javascript·vue.js