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>
相关推荐
拖孩17 分钟前
微信小程序基于Canvas实现头像图片裁剪(下)
前端·javascript·微信小程序
哟哟耶耶31 分钟前
React-05React中props属性(传递数据),propTypes校验,类式与函数式组件props的使用
前端·javascript·react.js
竹苓丿1 小时前
CSS Grid布局:从入门到放弃再到真香
前端·javascript·css
baobao17676408301 小时前
C++单例模式
javascript·c++·单例模式
好_快2 小时前
Lodash源码阅读-isFlattenable
前端·javascript·源码阅读
好_快2 小时前
Lodash源码阅读-concat
前端·javascript·源码阅读
好_快2 小时前
Lodash源码阅读-baseFlatten
前端·javascript·源码阅读
勘察加熊人2 小时前
vue+d3js+fastapi实现天气柱状图折线图饼图
前端·vue.js·fastapi
好_快2 小时前
Lodash源码阅读-chunk
前端·javascript·源码阅读
智绘前端3 小时前
Vue3的Composition API与React Hooks有什么异同?
前端·vue.js·react.js·前端框架·vue