vue 使用過濾器

目錄 src/filters/index.js

export function orderStatusFilter(status) {
    const statusMap = {
        '0': '待發貨',
        '1': '待收貨',
        '2': '待評價',
        '3': '已完成',
        '-1': '已退款',
        '9': '未成團',
        '10': '待付尾款',
        '11': '尾款過期未付'
    }
    return statusMap[status]
}

main.js 引入 過濾器
import * as filters from './filters'
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})
頁面中直接使用
{{  data |  orderStatusFilter }}