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(".", "");
相关推荐
BUG收容所所长20 分钟前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
梨子同志21 分钟前
手动实现 JavaScript 的 call、apply 和 bind 方法
前端·javascript
梨子同志22 分钟前
ES6 let 和 const
前端·javascript
前端小白佬1 小时前
【JS】事件传播--事件捕获/冒泡
javascript·面试
PasserbyX1 小时前
ES6 WeakMap 生效的证明: FinalizationRegistry
前端·javascript
努力学习的小刘1 小时前
如何使用react-router实现动态路由
前端·javascript
PasserbyX1 小时前
JS原型链
前端·javascript
Danta1 小时前
从0开始学习three.js(1)😁
前端·javascript·three.js
我的心巴1 小时前
vue-print-nb 打印相关问题
前端·vue.js·elementui
coderYYY1 小时前
element树结构el-tree,默认选中当前setCurrentKey无效
前端·javascript·vue.js