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;
}
相关推荐
xiaoxue..几秒前
深入理解JavaScript中的深拷贝与浅拷贝:内存管理的艺术
开发语言·前端·javascript·面试
Mapmost2 分钟前
【高斯泼溅】深度解析Three.js 加载3D Gaussian Splatting模型
前端
鹏多多24 分钟前
详解React组件状态管理useState
前端·javascript·react.js
excel32 分钟前
如何将 MP4 文件转换为 M3U8 格式并实现流媒体播放
前端
T***160735 分钟前
Three.js 3D可视化实战,创建交互式3D场景
开发语言·javascript·ecmascript
秋氘渔37 分钟前
Vue基础语法及项目相关指令详解
前端·javascript·vue.js
IT_陈寒39 分钟前
React性能优化实战:我用这5个技巧将组件渲染速度提升了70%
前端·人工智能·后端
邱泽贤1 小时前
uniapp 当前页调用上一页的方法
前端·javascript·uni-app
不一样的少年_1 小时前
大部分人都错了!这才是chrome插件多脚本通信的正确姿势
前端·javascript·浏览器
Moment1 小时前
Angular v21 无 Zone 模式前瞻:新特性、性能提升与迁移方案
前端·javascript·angular.js