vue定义全局过滤器

第一步,新建文件夹utils,下面新建filter.js

 const postType1 = type =>{
    const parms = {
        3:'保安',
        4:'维保',
        5:'管理',
    }
    return parms[type] || '暂无'
}
export default{
    postType1
}

第二步,在utils文件夹下面新建index.js文件

import filters from './filter'
export default {
    /* 注册插件 */
    install(Vue) {
        /* 添加过滤器 */
        for(let key in filters){ Vue.filter(key, filters[key])}
    }
}

第三步,在main.js中引入使用

import filters from '@/utils/index';
Vue.use(filters)

第四步,使用

//在双花括号插值(用的较多)
{{ postType | postType1 }}

你可能感兴趣的:(vue定义全局过滤器)