input输入框禁止输入小数点方法

使用blur事件:

html 复制代码
<el-input v-model="number" type="number" placeholder="请输入" @blur="numberBlur" />

第一种:

使用parseInt转为整数:

javascript 复制代码
this.number = parseInt(this.number);

第二种:

使用toFixed保留零位小数:

javascript 复制代码
this.number = (this.number - 0).toFixed(0);

第三种:

使用replace替换为空:

javascript 复制代码
if (this.number.includes(".")) this.number = this.number.replace(".", "");
相关推荐
破z晓1 小时前
javascript 导出excel表
开发语言·javascript·excel
小罗水3 小时前
第17章 后台管理端与演示支持
javascript·vue.js·ecmascript
万少4 小时前
DeepSeek-V4-Flash 正式版上线了,但这 3 个坑我帮你提前踩了
前端·javascript·后端
宁风NF4 小时前
JavaScript:网络请求与前端通信
开发语言·前端·javascript·网络·学习·ecmascript
猫猫不是喵喵.5 小时前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
En^_^Joy5 小时前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis
猫猫不是喵喵.6 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js
看昭奚恤哭7 小时前
Flutter 布局核心思想
开发语言·javascript·flutter
朝阳5817 小时前
Cesium `Camera.flyTo`:“飞过去“
javascript
宁风NF8 小时前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6