vue中的 filters 使用技巧 ， filters过滤器的使用方法------------------------------

vue中的 filters 使用技巧 比如页面中的金额保留两位小数100.00， 3,000

//////加逗号 例3,000元
   <p >  商品金额 &nbsp;&nbsp;&nbsp; <span style="color:#7D7D7D">{{moneySum | sum}}  元</span></p>
   <p >  商品金额 &nbsp;&nbsp;&nbsp; <span style="color:#7D7D7D">{{moneySum | points}}  元</span></p>

  filters: {
  //金额加逗号 ， 
    sum:function(val){
        let old = (val + '').split('').reverse().join('').replace(/(\d{3})(?=\d)/g, '$1,')
        .split('')
        .reverse();
        return old.join('');
    },
   金额保留两位小数 .00

    points:function(val){
       

          return Number(val*100).toFixed(2)
    }
  },

金额中 有逗号 ， 也有两位小数 例： 3,000.00

封装方法--------------
 fmoney(s, n) {
        n = n > 0 && n <= 20 ? n : 2;
        s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
        var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
        let t = "";
        for (var i = 0; i < l.length; i++) {
        t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
        }
        // console.log(t.split("").reverse().join("") + "." + r);

        this.moneySum=t.split("").reverse().join("") + "." + r
        // return t.split("").reverse().join("") + "." + r;
    },
调用---------------------
   this.fmoney(3000, 2)  //打印结果 3,000.00