美文网首页我爱编程
vue.js渲染数据进行小数点精度控制并使用vue过滤器

vue.js渲染数据进行小数点精度控制并使用vue过滤器

作者: 新篇章 | 来源:发表于2018-04-16 15:03 被阅读0次

第一种如果是固定前端控制精度可以在表达式内用toFixed()方法;

<div>{{item.price.toFixed(2)}}</div>

第二种有后台传输精度的参数变量进行控制,可以用vue的过滤器filter来控制;

<div>{{item.price | priceFloat}}</div>

js

Vue.filter('priceFloat', function (value) {
    //if (!value) return ''
    value = value.toString();
    var result = Number(value).toFixed(Precision);
    return result;
})

相关文章

网友评论

    本文标题:vue.js渲染数据进行小数点精度控制并使用vue过滤器

    本文链接:https://www.haomeiwen.com/subject/rslekftx.html