页面格式化数值

问题:从数据库查询出的数据是bigDecimal类型,且保留两位小数,如8.00,但是在页面上显示时却取整了,结果为8。

分析:如果想实现8.00的效果,就需要在前端格式化数据,vue里面的过滤器可以实现。杜邦分析页面就是用了此方法。

第一步:在需要格式化的数值后面加上红线划出的部分,就相当于加上NumFormat函数。

页面格式化数值

第二步:把格式化函数写出来。

页面格式化数值

注意vue对数值类型有严格的要求,indexOf方法在vue里面只能针对字符串使用,所以要把传来的类型转为字符串型。

         不转的话会报错。