Vue全局注册filters

全局注册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>
上一篇:vue自定义过滤器


下一篇:Spring Cloud Gateway-全局过滤器(Global Filters)