您的位置:首页 > 健康 > 养生 > vue3使用el-input-number,只能是整数,并且没有四舍五入

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

2024/10/7 2:30:17 来源:https://blog.csdn.net/qq_46131497/article/details/140657600  浏览:    关键词:vue3使用el-input-number,只能是整数,并且没有四舍五入

效果图

在这里插入图片描述

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

在这里插入图片描述

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

代码

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;
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com