Vue中对数值进行保留小数点后两位的处理（两种情况） - qq_42127308的博客 - CSDN博客

Html部分：

<div class="text primary-text">

    <span>合计：</span>

    <span class="money">￥{{totalMoney | numFilter}}</span>

</div>

Js部分：

// 情况一：保留小数点后两位的过滤器，尾数四舍五入

filters: {

  numFilter(value) {

// 截取当前数据到小数点后两位

  let realVal = parseFloat(value).toFixed(2)

// num.toFixed(2)获取的是字符串

    return parseFloat(realVal)

  }

}

// 情况二：保留小数点后两位的过滤器，尾数不四舍五入

filters: {

  numFilter(value) {

// 截取当前数据到小数点后三位

let transformVal = parseFloat(value).toFixed(3)

    let realVal = transformVal.substring(0, transformVal.length - 1)

  // num.toFixed(3)获取的是字符串

  return parseFloat(realVal)

  }

}

Original url: Access
Created at: 2019-02-18 11:07:48
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论