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>
相关推荐
高德开放平台13 小时前
高德开放平台JS API插件支持WebMCP:重新定义AI与网页交互的新时代
javascript·人工智能·开发者·高德地图
低代码布道师13 小时前
Next.js 16 全栈实战(三):数据库建模与动态菜单实现
开发语言·javascript·数据库
慧一居士13 小时前
vue项目中,tsx格式的文件是什么,怎样使用
前端·vue.js
慧一居士14 小时前
tsconfig.json完整使用配置介绍和示例
前端·vue.js
哆啦A梦158814 小时前
Vue3魔法手册 作者 张天禹 07_标签
前端·vue.js·typescript
扶苏100214 小时前
深入理解 Vue 3 的 watch
前端·javascript·vue.js
前端 贾公子14 小时前
组件 v-model 的封装实现原理及 Input 组件的核心实现(上)
服务器·前端·javascript
老骥伏枥~14 小时前
基于Spring Boot + Vue.js的图书管理系统
vue.js·spring boot·后端
扶苏100214 小时前
Vue 3 的组合式 API(Composition API)优势
前端·javascript·vue.js
code袁15 小时前
基于Springboot+Vue的家教小程序的设计与实现
vue.js·spring boot·小程序·vue·家教小程序