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>
相关推荐
朱穆朗14 分钟前
electron升级到33.0.x版本后,devtools字体的修改方法
前端·javascript·electron
2501_9444522320 分钟前
智能洞察 Cordova 与 OpenHarmony 混合开发实战
javascript
Irene199127 分钟前
insertAdjacentHTML() 详解
javascript·dom
成为大佬先秃头38 分钟前
渐进式JavaScript框架:Vue 工具 & 模块化 & 迁移
开发语言·javascript·vue.js
xiaoxue..39 分钟前
二叉搜索树 BST 三板斧:查、插、删的底层逻辑
javascript·数据结构·算法·面试
wei yun liang43 分钟前
4.数据类型
前端·javascript·css3
wuhen_n9 小时前
LeetCode -- 15. 三数之和(中等)
前端·javascript·算法·leetcode
脾气有点小暴10 小时前
scroll-view分页加载
前端·javascript·uni-app
前端开发爱好者11 小时前
VSCode 重磅更新!要收费了?
前端·javascript·visual studio code
wuhen_n12 小时前
LeetCode -- 1:两数之和(简单)
javascript·算法·leetcode·职场和发展