标签:vue 小数点 hbnumber filters toFixed 页面 传值 小数
今天写项目时,发现了一个问题,就是在我使用vue传值时,发现vue默认的将小数点后的零当成了无效值,只要小数点0的后面没有像1、2......等等非零值,那么该零会被默认不显示,就拿25.10这个数来说,出于零后再无有效值,则在使用的vue页面上,会被显示成25.1。这样有时会让我们的工作变得简单起来,但那也仅次于有时,就像这次,为使页面更美观以及预防今后在数据库中小数点后会出现多个数,所以对于该问题,通过度娘找到了许许多多的解决办法,下面将我认为最为简单的办法推给各位,如果有更简单的,请大佬留稿给些建议,如有错误,请大佬们多多指教。
步骤一、
filters:{
hbnumber(value){
//截取目标位置小数点后三位
let realVal = parseFloat(value).toFixed(3)
return realVal
}
}
注:hbnumber做为自己取得任意名,可随意改变,只要名字不被打,随心的去改,其后.toFixed()为本文主要所用方法。这时toFixed()想说,哥哥姐姐弟弟妹妹们,对我还有印象吗???,不明白的哥哥姐姐弟弟妹妹,toFixed的方法链接也在下面呀!!!!
https://www.w3school.com.cn/jsref/jsref_tofixed.asp
步骤二、
{{ Lthree.Notridentone | hbnumber }}
注:这一步主要是将上一步中filters里所写的hbnumber引用到目标数据并对目标数据进行限制,其后toFixed(3),打个比方,现在数据为25.0000,那么页面显示的数据为25.000,顺其当.toFixed(2),现数据为25.000,那么页面非常小心翼翼的提醒着你,不会吧不会吧,不会有人知道我时25.00了吧。
小白的豪豪
写于2021年11月16日 晴
标签:vue,小数点,hbnumber,filters,toFixed,页面,传值,小数 来源: https://blog.csdn.net/qq_55682738/article/details/121357004
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。