vue 全局过滤器（单个和多个过滤器）

参考： https://www.cnblogs.com/liujn0829/p/8622960.html
https://blog.youkuaiyun.com/z8735058/article/details/76824548

一、单个过滤器

参考 https://cn.vuejs.org/v2/guide/filters.html

二、多个过滤器

1. 1. 新建dfilter.js文件

      const dfilters = {
          addZeroTwo: function(value) {
              var value = Math.round(parseFloat(value) * 100) / 100;   //注: 一定要用var声明，let会报错
              var arr = value.toString().split('.');
              if (arr.length === 1) {
                  return value.toString() + '.00';
              } else {
                  if (arr[1].length === 1) {
                      return value.toString() + '0';
                  }
              }
          },
          addZeroOne: function(value) {
              var value = Math.round(parseFloat(value) * 100) / 100;
              var arr = value.toString().split('.');
              if (arr.length === 1) {
                  return value.toString() + '.0';
              } else {
                  if (arr[1].length === 1) {
                      return value.toString() + '0';
                  }
              }
          }
      }
      export default dfilters;

   2. 在main.js中引入并注册（在new Vue前注册）

      import dfilters from '../static/js/dfilters';
      
      for (let key in dfilters) {
          Vue.filter(key, dfilters[key]);
      }

   3. 在组件中使用

      <span>原价:¥{{shopgoods.gprice|addZeroTwo}}</span>

转载于:https://www.cnblogs.com/linjiangxian/p/11454635.html