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(".", "");
相关推荐
y***86691 分钟前
前端CSS-in-JS方案
前端·javascript·css
华仔啊7 分钟前
你真的懂递归吗?没那么复杂,但也没那么简单
前端·javascript
专业抄代码选手15 分钟前
【Leetcode】1930. 长度为 3 的不同回文子序列
javascript·算法·面试
空空kkk1 小时前
SpringMVC——异常
java·前端·javascript
冴羽1 小时前
涨见识了,Error.cause 让 JavaScript 错误调试更轻松
前端·javascript·node.js
m***D2862 小时前
JavaScript在Node.js中的内存管理
开发语言·javascript·node.js
我叫张小白。2 小时前
JavaScript现代语法梳理:ES6+核心特性详解
开发语言·javascript·typescript·es6
code_Bo2 小时前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
啃火龙果的兔子2 小时前
react-i18next+i18next-icu使用详解
前端·javascript·react.js
1024小神2 小时前
Electron实现多tab页案例,BrowserView/iframe/webview不同方式的区别
前端·javascript·electron