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(".", "");
相关推荐
humors2211 小时前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
心随雨下1 小时前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North2 小时前
网页版预编译SQL转换工具
前端·javascript·sql
把csdn当日记本的菜鸡3 小时前
js查缺补漏
开发语言·javascript·ecmascript
zhangyao9403303 小时前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
一 乐3 小时前
校园墙|校园社区|基于Java+vue的校园墙小程序系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·小程序
鎏金铁匠3 小时前
跟着ECMAScript 规范,手写数组方法之map
javascript
阿奇__5 小时前
el-table有固定列时样式bug
vue.js·elementui·bug
LXA08095 小时前
在Vue 3项目中配置和使用SCSS
vue.js·rust·scss
不爱吃糖的程序媛5 小时前
Electron 智能文件分析器开发实战适配鸿蒙
前端·javascript·electron