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>
相关推荐
MrSkye8 分钟前
🚀 由Tony Stark 带你入门 JavaScript(新手向)🚀
前端·javascript·面试
掘金安东尼10 分钟前
仅仅是发送一封邮件?暴露安全边界!
javascript·vue.js·面试
穗余12 分钟前
WEB3全栈开发——面试专业技能点P1Node.js / Web3.js / Ethers.js
javascript·node.js·web3
星_离12 分钟前
css+javaScript轮播图
前端·javascript
土豪码农20 分钟前
面试官:怎么禁止用户复制?
前端·javascript·面试
掘金安东尼21 分钟前
🧭 前端周刊第417期(2025年6月2日–6月8日)
前端·javascript·面试
bo5210022 分钟前
突破性能瓶颈:基于虚拟滚动的大数据需求文档方案——告别卡顿与分页,实现Word级流畅体验
javascript·vue.js