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(".", "");
相关推荐
解孔明11 分钟前
老包正常,新包报403 Forbidden openresty 1.15.8.2
javascript·vue.js·笔记
计算机学姐17 分钟前
基于SpringBoot+Vue的旅游攻略平台管理系统
java·vue.js·spring boot·后端·intellij-idea·mybatis·旅游
Clarca23 分钟前
Vue源码探究虚拟DOM
前端·javascript·vue.js·ecmascript
月伤5939 分钟前
在vue项目中禁用鼠标右键,选中
开发语言·javascript·计算机外设
荔枝要好学1 小时前
Java中和JavaScript中的var关键字
java·javascript
java—大象1 小时前
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
java·前端·vue.js·spring boot·mybatis·课程设计
fishmemory7sec1 小时前
electron介绍
前端·javascript·electron
洛小豆8 小时前
前端开发必备:三种高效定位动态类名元素的 JavaScript 技巧
开发语言·前端·javascript·面试
琴~~10 小时前
前端全屏模式切换
前端·javascript
东方小月10 小时前
JavaScript中的随机函数Random的妙用
前端·javascript