uniapp 定义全局过滤器

和vue没啥区别哈，其实就是给大家的福利，免得有人从零开始的呢。

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

• 根目录下新建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])
})

第三步：使用

<view class="card">
    <view class="text">
        abcfilter：{{ 100002222222 | abc }}
    </view>
    <view class="text">
        abdfilter：{{ 100002222222 | abd }}
    </view>
</view>