uniapp 定義全局過濾器

和vue沒啥區別哈，其實就是給大家的福利，免得有人從零開始的呢。

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

• 根目錄下新建common文件夾
• common/filter/filters.js

export const fliters = {
    abd: value => {
      return value + "abc";
    },
    abc: value => {
      return value + "abc";
    }
}

第二步：main.js引入和註冊全局

import { fliters } from './common/fliter/fliters.js'


// 定義全局自定義過濾器
Object.keys(fliters).forEach(key => {
    Vue.filter(key, fliters[key])
})

第三步：使用

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