Vue全局注册filters（2.0）

全局注册filters

第一步

• 一听到全局注册就知道在main.js里

• 在根目录创建'filters'目录，在filters目录里创建index.js文件

第二步

• 回到main.js写入如下代码

import filters from '@/filters';
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));

filters>main.js 内容

• 如

exports.filterInfluencerHotel = val => {
    switch (val) {
        case 0:
            return "否";
        case 1:
            return "是";
        default:
            return "否";
    }
}
exports.filterOxygenType = val => {
    switch (val) {
        case 1:
            return "城市氧吧";
        case 2:
            return "景区氧吧";
        default:
            return "未知";
    }
}

在vue页面使用

<div>{{name|filterOxygenType }}</div>