Vue2.0 注册过滤器Vue.filter

Vue.filter( id, [definition] )

  • 参数:

    • {string} id
    • {Function} [definition]
  • 用法:

    注册或获取全局过滤器

1 // 注册
2 Vue.filter('my-filter', function (value) {
3   // 返回处理后的值
4 })
5 // getter,返回已注册的过滤器
6 var myFilter = Vue.filter('my-filter')

根据上一遍笔记,可以在新的Vue2.0里面注册过滤器

栗子-过滤money

 1     Vue.filter('currency', function(value, _currency) {
 2         var digitsRE = /(d{3})(?=d)/g;
 3         value = parseFloat(value);
 4         if (!isFinite(value) || !value && value !== 0) return '';
 5         _currency = _currency != null ? _currency : '$';
 6         var stringified = Math.abs(value).toFixed(2);
 7         var _int = stringified.slice(0, -3);
 8         var i = _int.length % 3;
 9         var head = i > 0 ? _int.slice(0, i) + (_int.length > 3 ? ',' : '') : '';
10         var _float = stringified.slice(-3);
11         var sign = value < 0 ? '-' : '';
12         return sign + _currency + head + _int.slice(i).replace(digitsRE, '$1,') + _float;
13     })
原文地址:https://www.cnblogs.com/hasubasora/p/7418525.html