第一步,新建文件夾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 }}