uniapp 定义全局过滤器

第一步:新建文件目录和文件

  • 根目录下新建common文件夹
  • common/filter/filters.js
    export const filters = {
        abd: value => {
          return value + "abc";
        },
        abc: value => {
          return value + "abc";
        }
    }
    

    第二步:main.js引入和注册全局

  • 
    import { filters } from './common/filter/filters.js'
    
    
    // 定义全局自定义过滤器
    Object.keys(filters).forEach(key => {
        Vue.filter(key, filters[key])
    })
    

    第三步:使用

  • 
        
            abcfilter:{{ 100002222222 | abc }}
        
        
            abdfilter:{{ 100002222222 | abd }}
        
    
    
    

你可能感兴趣的:(uni-app,vue.js,前端)