vue创建全局过滤器

• 1.在src目录下创建一个filters并在其目录下创建一个index.js.目录结构如下。

• 2.index.js中添加你需要的功能函数，并export。

  const Filters = {
      // 小数点大于2位的四舍五入并保留2位小数点
      toFixed2: (val) => {
          var temp = String(val);
          if (temp.indexOf(".") != -1) {
              if (temp.split(".")[1].length > 2) {
                  return val.toFixed(2);
              } else {
                  return val;
              }
          } else {
              return val;
          }
      },
      fun2:()=>{},
      fun3:()=>{},
      fun4:()=>{},
      fun5:()=>{},
      //继续添加你需要的处理函数
  }
  
  export default Filters
  

  • 3.在入口文件main.js中import导入index.js并遍及注册.注意：全局注册过滤器必须在new Vue实例化前注册。

import Filters from './filters';
// 全局注册过滤器
Object.keys(Filters).forEach(k => Vue.filter(k, Filters[k]));

• 4.到这里就完成了额全局注册过滤器了。使用跟局部过滤器一样的。

{{所需要处理的数据|toFixed2}}

如图：