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

第一种如果是固定前端控制精度可以在表达式内用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;
})