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

前端小凯2024-06-15 10:25

使用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(".", "");