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(".", "");
相关推荐
宿6749 分钟前
vue3-DOM树
前端·javascript·vue.js
谷哥的小弟15 分钟前
TypeScript中的any
javascript·typescript
白狐_7981 小时前
408数据结构:中缀转后缀与操作符栈容量——真题精讲
前端·javascript·数据结构
谷哥的小弟1 小时前
TypeScript在Vue3中的常见写法
前端·javascript·typescript
mONESY2 小时前
用 useRef 管理 Worker 线程,让你的页面不再卡顿
javascript
vx-程序开发6 小时前
django医院预约挂号系统---附源码23353
java·javascript·spring boot·python·eclipse·django·php
宿6746 小时前
tsconfig.node.json
前端·javascript·vue.js
lilian2337 小时前
Harmony os 技术实战|拼豆制图10:把取消、解析失败和保存失败写成可恢复状态机
java·javascript·华为·harmonyos
只会cv的小前端7 小时前
七巧低代码表单JS脚本教学
开发语言·javascript·低代码
huabuyu7 小时前
SourceMap:从「看不懂线上报错」到「让 AI 定位真根因」
前端·javascript