过滤器(字符加工)
- 语法:
filters:{
方法名(参数){
return 值(参数加工后)
}
}
- 使用的地方
- v-bind
- {{参数 | 方法名}}
全局过滤器
Vue.filter("方法名",function(参数){
return 值(参数加工后)
})
moment
- 时间转换
把当前时间转换成某个格式
moment().format("YYYY/MM/DD hh:mm:ss")
给了我们一个时间戳转换成某个时间格式
moment(时间戳).format("YYYY/MM/DD hh:mm:ss")
- diff计算时间差
moment diff
momentA时间.diff(momentB时间,"h")
momentA时间-momentB时间 =小时差
应用场景
- 需求:转换成与当前时间比较的小时差(24小时内) 超过24小时,使用正常时间
全局部署(在main.js文件中)
Vue.filter('formatTime', function (val) {
// 需求:转换成与当前时间比较的小时差(24小时内) 超过24小时,使用正常时间
// moment时间a.diff(moment时间b,'hours') moment时间a-moment时间b的小时差
const _diff = moment().diff(moment(val), 'h')
if (_diff < 1) {
return '刚刚'
} else if (_diff >= 1 && _diff < 24) {
return _diff + '小时前'
} else {
return moment(val).format('YYYY/MM/DD HH:mm:ss')
}
})