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 }}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容