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(".", "");
相关推荐
SwJieJie6 分钟前
Webpack vs Vite 构建工程化实战(Vue 项目深度解析)
前端·vue.js·webpack·node.js
alexander06818 分钟前
JavaScript 中,对象内部函数的几种等价写法,对象外部的 几种等价写法
javascript
云水一下19 分钟前
Vue.js从零到精通系列(八):项目实战——构建一个完整的电商后台管理系统
前端·javascript·vue.js
Csvn20 分钟前
Vue3 响应式陷阱:解构赋值后页面不动了?Proxy 的"隐形成员"在搞鬼
前端·vue.js
LAM LAB26 分钟前
【Web】网页如何模拟移动端获取定位\定位模拟测试
开发语言·前端·javascript
小森林之主29 分钟前
JavaScript 正则表达式:从零开始的实战对比
javascript·正则表达式·前端开发·性能对比·文本处理
weixin_4713830332 分钟前
Taro-04-网络请求
前端·javascript·taro
快乐的哈士奇34 分钟前
【Next.js实战②】Excel 派送表动态解析:表头识别与 FIELD_ALIASES 映射
前端·javascript·excel
i220818 Faiz Ul41 分钟前
药店管理|基于springboot + vue药店管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·美食分享系统
研☆香1 小时前
jQuery特殊属性操作方法
前端·javascript·jquery