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(".", "");
相关推荐
HWL56793 分钟前
显示器缩放和更改分辨率的区别
前端·css·vue.js·计算机外设·html5
yanyu-yaya35 分钟前
速学兼复习之vue3章节3
前端·javascript·vue.js·学习·前端框架
tkevinjd39 分钟前
3-Vue&Ajax
前端·vue.js·ajax
林恒smileZAZ43 分钟前
前端拖拽,看似简单,其实处处是坑
前端·javascript·vue.js
多仔ヾ43 分钟前
Vue.js 前端开发实战之 03-Vue 开发基础(2)
vue.js
跟着珅聪学java1 小时前
JavaScript中编写new Vue()实例的完整教程(Vue 2.x)
前端·javascript·vue.js
Pu_Nine_91 小时前
Vue Router 企业级配置全攻略:打造专业级路由系统
前端·vue.js·typescript·vue-router·路由配置
Marshmallowc1 小时前
React 合成事件失效?深度解析 stopPropagation 阻止冒泡无效的原因与 React 17+ 事件委派机制
前端·javascript·react.js·面试·合成事件
多仔ヾ2 小时前
Vue.js 前端开发实战之 04-Vue 开发基础(3)
vue.js
2501_948120152 小时前
基于Vue 3的可视化大屏系统设计
前端·javascript·vue.js