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(".", "");
相关推荐
zzginfo3 分钟前
JavaScript 解构赋值
开发语言·javascript·ecmascript
邂逅星河浪漫28 分钟前
【JavaScript】==和===区别详解
java·javascript·==·===
Dxy12393102161 小时前
JavaScript 如何捕获异常:从基础到进阶的完整指南
开发语言·javascript·udp
摸鱼仙人~2 小时前
Vue中markdown-it基础使用教程
前端·javascript·vue.js
落魄江湖行2 小时前
入门篇二:Nuxt 4路由自动生成:告别手动配置路由的日子
前端·vue.js·typescript·nuxt4
CQU_JIAKE3 小时前
4.4【Q】
java·前端·javascript
xiaotao1313 小时前
第八章:实战项目案例
前端·vue.js·vite·前端打包
GISer_Jing3 小时前
Electron 全场景调试实战指南
javascript·electron·状态模式
We་ct3 小时前
JS手撕:性能优化、渲染技巧与定时器实现
开发语言·前端·javascript·面试·性能优化·定时器·性能
taWSw5OjU3 小时前
vue对接海康摄像头-H5player
开发语言·前端·javascript