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 }}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。