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 天前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
北辰alk1 天前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk1 天前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
北辰alk1 天前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk1 天前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk1 天前
Vue 中使用 this 的完整指南与注意事项
vue.js
xkxnq1 天前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
北辰alk1 天前
Vue 插槽(Slot)完全指南:组件内容分发的艺术
vue.js
北辰alk1 天前
Vue 组件中访问根实例的完整指南
vue.js
Van_Moonlight1 天前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos