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;
}
相关推荐
星栈3 分钟前
Rust + Makepad 应用怎么打包发布:Windows、macOS、Linux 全平台交付
前端·rust
Aolith11 分钟前
React 路由守卫:我用一个组件替代了 Vue 的 beforeEach
前端·react.js
Daybreak15 分钟前
从 PDD、DDD、SDD 到 TDD:我是如何用一套 Agent 工程方法论推进 My-Notion 的
前端
HjhIron42 分钟前
从零实现一个待办事项应用:前端必学的Ajax与Node.js实战
前端·后端
yingyima1 小时前
JavaScript 正则表达式:从零开始的实战对比
前端
Sammyyyyy1 小时前
月之暗面 Kimi Code 0.4.0 发布,终端 AI 编码助手全面采用 TypeScript,实现毫秒级启动
前端·javascript·人工智能·ai·typescript·servbay
范什么特西1 小时前
配置文件xml和properties
xml·前端
jnene1 小时前
html 时间、价格筛选样式处理
前端·css·html
slongzhang_2 小时前
jquery 修复怪异模式html未声明“<!DOCTYPE html>”
前端·html·jquery
宋拾壹2 小时前
fastadmin列表中查看列表,并且添加增加相应的数据
javascript·php·fastadmin