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>
相关推荐
竹林81833 分钟前
用Viem替代ethers.js:从一次签名失败到完整迁移的实战记录
前端·javascript
不可能的是2 小时前
Claude Code 子 Agent 机制全解:怎么跑起来、怎么被管理、怎么互不干扰
javascript
HSunR2 小时前
dify 搭建ai作业批改流
开发语言·前端·javascript
代码不加糖3 小时前
2026 跨境电商独立站实战:从 0 到 1 搭建高转化 SaaS 商城(附源码)
开发语言·前端·javascript
用户617517157014 小时前
关于普通函数和箭头函数的this
javascript
RPGMZ5 小时前
RPGMakerMZ 地图存档点制作 标题继续游戏直接读取存档
开发语言·javascript·游戏·游戏引擎·rpgmz·rpgmakermz
有一个好名字5 小时前
Agent Loop —— 一切从那个 while 循环开始
前端·javascript·chrome
EF@蛐蛐堂5 小时前
【js】浏览器滚动条优化组件OverlayScrollbars
开发语言·javascript·ecmascript
辰同学ovo6 小时前
从全局登录状态管理学习 Redux
前端·javascript·学习·react.js
爱看书的小沐6 小时前
【小沐杂货铺】基于Three.js绘制三维艺术画廊3DArtGallery (Three.js,WebGL)
javascript·3d·webgl·three.js·babylon.js·三维画廊