Vue HTML ページの操作、小数点以下 2 桁を維持する

場合によっては、表示を改善するためにさまざまな値の桁数を予約する必要があります。

HTML部分

これは、テンプレート、処理する必要のあるフィールド名、およびフィルター メソッドで使用されます。

<div>
  <span>合计：</span>
  <span>￥{
   
   {totalMoney | numFilter}}</span>
  <view>{
   
   {(present_price*goods_sum) | numFilter}}</view>
</div>

兄弟データ()によるフィルターの使用

export default {
    data() {
        return {}
    },
    filters: {
        numFilter (value) {
            // 保留小数点后两位的过滤器，尾数四舍五入
            let realVal = parseFloat(value).toFixed(2)
            return realVal
        }
    }
}