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(".", "");
相关推荐
一拳不是超人26 分钟前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
icebreaker1 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker1 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n1 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
Lee川1 小时前
从异步迷雾到优雅流程:JavaScript异步编程与内存管理的现代化之旅
javascript·面试
wuhen_n1 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
destinying2 小时前
性能优化之实战指南:让你的 Vue 应⽤跑得飞起
前端·javascript·vue.js
徐小夕3 小时前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github
晴殇i3 小时前
揭秘JavaScript中那些“不冒泡”的DOM事件
前端·javascript·面试
BER_c4 小时前
前端权限校验最佳实践:一个健壮的柯里化工具函数
前端·javascript