zoukankan      html  css  js  c++  java
  • 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     })
  • 相关阅读:
    几个基本trick
    CSP2019 树上的树 口胡
    To do List
    对代码风格的探索(持续更新)
    我回来了。
    年度悲剧
    最短路
    平衡树
    线段树-模板
    jmeter断言之JSON Assertion
  • 原文地址:https://www.cnblogs.com/hasubasora/p/7418525.html
Copyright © 2011-2022 走看看