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;
}
相关推荐
程序员爱钓鱼16 小时前
Node.js 编程实战:测试与调试 —— 调试技巧与性能分析
前端·后端·node.js
JQLvopkk16 小时前
Vue框架技术详细介绍及阐述
前端·javascript·vue.js
vyuvyucd16 小时前
插件式开发:C++与C#实战指南
java·前端·数据库
C_心欲无痕16 小时前
ts - 类型收窄
前端·typescript
笔COOL创始人16 小时前
requestAnimationFrame 动画优化实践指南
前端·javascript·面试
sophie旭16 小时前
性能监控之首屏性能监控小实践
前端·javascript·性能优化
Amumu1213817 小时前
React 前端请求
前端·react.js·okhttp
38242782717 小时前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
Kagol17 小时前
深入浅出 TinyEditor 富文本编辑器系列2:快速开始
前端·typescript·开源
interception17 小时前
js逆向之京东原型链补环境h5st
javascript·爬虫·网络爬虫