1. 程式人生 > >vue實現貨幣三位分隔過濾器

vue實現貨幣三位分隔過濾器

<script>
Vue.filter('MoneyFormat', function(money) {
    if (money && money != null) {
      money = String(money);
      var left = money.split('.')[0], right = money.split('.')[1];
      right = right ? (right.length >= 2 ? '.' + right.substr(0, 2) : '.' + right + '0') : '.00';
      var temp = left.split('').reverse().join('').match(/(\d{1,3})/g);
      return (Number(money) < 0 ? '-' : '') + temp.join(',').split('').reverse().join('') + right;
    } else if (money === 0) { // 注意===在這裡的使用,如果傳入的money為0,if中會將其判定為boolean型別,故而要另外做===判斷
      return '0.00';
    } else {
      return '';
    }
})
</script>

使用的時候在template裡面使用就行了

{{currentMonth.totalIncome | MoneyFormat }}