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:{ //寫你方法 } })
然後再頁面中調用
{{|方法}}