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>
相关推荐
美酒没故事°1 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
zhengxianyi5154 小时前
只需3句让Vue3 打包部署后通过修改配置文件修改全局变量——实时生效
vue.js·前后端分离·数据大屏·ruoyi-vue-pro优化
Miketutu7 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程7 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha7 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
QQ4022054968 小时前
python基于vue的大学生课堂考勤系统设计与实现django flask pycharm
vue.js·python·django
LongJ_Sir9 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java10 小时前
JavaScript 中定义全局变量的教程
javascript
午安~婉10 小时前
整理知识点
前端·javascript·vue
向前V10 小时前
Flutter for OpenHarmony数独游戏App实战:底部导航栏
javascript·flutter·游戏