vue.jsレンダリングデータは小数点精度制御を行いvueフィルタを使用する

1つ目は、フロントエンド制御精度を固定する場合、式内でtoFixed()メソッドを使用することができる.

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

第2のバックグラウンド伝送精度のあるパラメータ変数を制御し、vueのフィルタフィルタで制御することができる.

{{item.price | priceFloat}}

js

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