關(guān)于過濾器的使用嵌赠，這里簡單介紹熄赡，并以時間函數(shù)的使用為案例進行描述：
過濾器的創(chuàng)建
新建文件filters.js
import moment from 'moment'
/**
* 普通日期格式化函數(shù)
* data: yyyy-MM-dd
* time: hh:mm:ss
* yyyy-MM-dd hh:mm:ss 默認
* 或者傳入需要的格式
*/
export const datetime = (time, pattern) => {
let value = moment(time)
let tempPattern = 'YYYY-MM-DD HH:mm:ss'
if (!pattern) {
return value.format(tempPattern)
}
switch (pattern) {
case 'date':
tempPattern = 'YYYY-MM-DD'
break
case 'time':
tempPattern = 'HH:mm:ss'
break
default:
tempPattern = pattern
break
}
return value.format(tempPattern)
}
main.js文件引入
import * as filters from './filters/filters.js'
Object.keys(filters).forEach(name => {
Vue.filter(name, filters[name])
})
頁面使用
語法：<any>{{表達式|過濾器}}</any>
<p>{{releaseTime | datetime('YYYY-MM-DD HH:mm:ss')}}</p>
