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(".", "");
相关推荐
ZC跨境爬虫24 分钟前
Base64编码详解(含JS_Python实现+实战逆向案例)
前端·javascript·python
FuckPatience37 分钟前
Halcon 寻找方形Mark
前端·javascript·数据库
NocoBase1 小时前
本周更新|事件流添加 JS 变量
javascript·人工智能·低代码·开源·无代码
ThridTianFuStreet小貂蝉1 小时前
面试题2、讲一讲JS运行机制、微任务、宏任务、事件循环
javascript
happymaker06262 小时前
vue中对list的函数处理方式总结,以及常见功能的实现方法
javascript·vue.js·list
还是大剑师兰特2 小时前
vueup/vue-quill 详细介绍(Vue3 富文本编辑器)
javascript·vue.js·ecmascript
threelab2 小时前
引擎案例分析 02|GeoLayer 大厂地理可视化方案深度拆解
javascript·3d·webgl
bigdargon2 小时前
【无标题】
vue.js
踩着两条虫2 小时前
AI驱动的Vue3应用开发平台深入探究(二十五):API与参考之Renderer API 参考
前端·javascript·vue.js·人工智能·低代码·前端框架·ai编程
Jinuss3 小时前
源码分析之React中的useImperativeHandle
开发语言·前端·javascript