vue+ts(typescript)全局/局部過濾器

VUE3.X沒有過濾器。取代的是方法調用或者計算屬性來替換
我們可以定義ts相關方法

一 全局

1：一般新建一個filters文件在src中，
2：創建ts文件
3：創建相關過濾器方法，根據業務來看。下圖是根據狀態來顯示顏色

4：
在main.ts中定義
import * as filters from '@/filters'
5：
Object.keys(filters).forEach(key => { Vue.filter(key, (filters as { [key: string ]: Function })[key]) })

二 局部

@Component({ filters:{ //寫你方法 } })
然后再頁面中調用
{{|方法}}