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>
相关推荐
FITA阿泽要努力12 小时前
Agent Engineer-Day 1 初始智能体与大语言模型基础
java·前端·javascript
zihan032112 小时前
element-plus, el-table 表头按照指定字段升降序的功能实现
前端·vue.js·状态模式
三翼鸟数字化技术团队12 小时前
watchEffect的两种错误用法
前端·javascript·vue.js
局外人LZ12 小时前
Decimal.js 完全指南:解决前端数值精度痛点的核心方案
开发语言·前端·javascript
飘若随风12 小时前
JS学习系列-01-什么是JS
开发语言·javascript·学习
摘星编程12 小时前
OpenHarmony环境下React Native:hitSlop热区扩展配置
javascript·react native·react.js
css趣多多13 小时前
动态路由,路由重置,常量路由,$ref,表单验证流程
开发语言·javascript·ecmascript
浪潮IT馆13 小时前
在 VSCode 中调试 JavaScript 的 Jest 测试用例
javascript·ide·vscode
Y淑滢潇潇13 小时前
WEB 作业 即时内容发布前端交互案例
前端·javascript·交互
比特森林探险记13 小时前
后端开发者快速入门react
开发语言·前端·javascript