今天写项目时,发现了一个问题,就是在我使用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的方法链接也在下面呀!!!!

JavaScript Number toFixed() 方法

步骤二、

{{ Lthree.Notridentone | hbnumber }}

注:这一步主要是将上一步中filters里所写的hbnumber引用到目标数据并对目标数据进行限制,其后toFixed(3),打个比方,现在数据为25.0000,那么页面显示的数据为25.000,顺其当.toFixed(2),现数据为25.000,那么页面非常小心翼翼的提醒着你,不会吧不会吧,不会有人知道我时25.00了吧。

                                                                                                                小白的豪豪

                                                                                                                写于2021年11月16日     晴

         

Logo

前往低代码交流专区

更多推荐