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(".", "");
相关推荐
yuezhilangniao2 小时前
AI智能体全栈开发工程化规范 备忘 ~ fastAPI+Next.js
javascript·人工智能·fastapi
~牧马~3 小时前
【记录63】electron打包vue项目之踩坑
vue.js·electron·electron与node兼容
铅笔侠_小龙虾3 小时前
Flutter Demo
开发语言·javascript·flutter
2501_944525543 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
计算机学姐4 小时前
基于SpringBoot的电影点评交流平台【协同过滤推荐算法+数据可视化统计】
java·vue.js·spring boot·spring·信息可视化·echarts·推荐算法
wangdaoyin20104 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript
天天进步20154 小时前
AI Agent 与流式处理:Motia 在生成式 AI 时代的后端范式
javascript
心柠4 小时前
vue3相关知识总结
前端·javascript·vue.js
a1117765 小时前
图书借阅管理系统(FastAPI + Vue)
前端·vue.js·fastapi
常年游走在bug的边缘5 小时前
掌握JavaScript作用域:从函数作用域到块级作用域的演进与实践
开发语言·前端·javascript