vue3使用el-input-number,只能是整数,并且没有四舍五入

效果图

element plus上自带了个属性precision,设置**:precision="0"**,也可以没有小数点,但它这个是四舍五入的,不满足我的需要

我主要用的事件是blur 的,input的试过发现值改变了,但是页面显示的没有改变,结合了nextTick耶没法改变页面显示的值,如果有大佬解决了这个问题,希望能留言说明一下什么问题

代码

javascript 复制代码
function noPoint(val) {
  let num = val.target.value;
  if (!num) return;
  if (num.toString().includes(".")) {
    let index = num.toString().indexOf(".");
    num = num.toString().replace(/[^\d]/g, "");
    num = Number(num.toString().slice(0, index));
  }
  form1.value.cyAge = num;
}
相关推荐
学以智用4 分钟前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js
北寻北爱5 分钟前
面试题-js篇
前端·javascript
这是个栗子6 分钟前
前端开发中的常用工具函数(五)
javascript·数据结构·reduce
两万五千个小时7 分钟前
学习 Pi Coding Agent:系统提示词与工具设计深度解析
javascript·人工智能·架构
harrain7 分钟前
vue3多个watch监听统一等待触发再执行后续逻辑的处理方案
前端·javascript·vue.js
miss8 分钟前
Vue3 + AI Agent 前端开发实战:一个 前端开发工程师的转型记录
前端
miss10 分钟前
AI Agent 前端开发:一个初级工程师的踩坑成长之路
前端
清水寺小和尚11 分钟前
如何用400行代码构建OpenClaw
前端
锦木烁光12 分钟前
Flowable 实战:从架构解耦到多状态动态查询的高性能重构方案
前端·后端
子淼81212 分钟前
HTML入门指南:构建网页的基石
前端·html