vue全局filter

59 阅读1分钟
  1. 在utils下新建filter.js
  2. filter.js文件
import Vue from 'vue';
Vue.filter('filterFunction1', function (status) {
    const arr = {
        '1': '未支付',
        '2': '已支付',
        '3': '已取消',
    };
    return statusMap[status];
});
Vue.filter('filterFunction2', function (status) {
    const arr = {
        '1': '男',
        '2': '女',
    };
    return statusMap[status];
});
  1. vue文件就可以直接使用啦
{{ value | filterFunction1 }}
{{ value | filterFunction2 }}

js

this.$options.filters['filterFunction1'](value)