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

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

{{item.price.toFixed(2)}}

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

{{item.price | priceFloat}}

js

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

你可能感兴趣的:(vue.js渲染数据进行小数点精度控制并使用vue过滤器)