Vue 后台时间处理和过滤器 补档第三弹

1.时间处理

1.时间戳处理

​ 后台返回时间时，通常返回的是时间戳

​ 时间戳是1970年1月1日到现在经过的毫秒数

​ 前端处理时间戳的方式，栗子：

​ 栗子1：

var d=new Date(传入时间戳*1000)
getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds()

​ 还有一种是通过moment.js第三方处理函数来实现

2.过滤器和moment.js处理时间戳

​ 全局过滤器：

Vue.filter('过滤器名', function (v) {
  
})

​ 调用过滤器：

{{ create_time | 过滤器名 }}

​ moment时间处理

//第一步：安装moment
	npm i moment
//第二步：引入
  import moment from 'moment'
//第三步：在vue过滤器中使用moment
	 //创建时间处理过滤器
  Vue.filter('dateTime', function (v) {
    return moment(v*1000).format('YYYY年MM月DD日 hh时mm分ss秒 a')
  })

3.显示级别的过滤器

Vue.filter('ranks', function (v) {
  let result = ''; //创建result
  switch (v) {
    case '0': result = '一级';break;//判断条件
    case '1': result = '二级';break;
    case '2': result = '三级'; break;
    default: result = '没有要满足的级别';
  }
    return result //结果返回
})

4.过滤器封装

​ 1.在src新建一个filters文件，里面新建一个js文件

​ 2.在src引入这个文件，并遍历filters

​ 栗子:

  //引入filters
  import * as filters from '@/filters'
  
  //遍历filters
  Object.keys(filters).forEach(item => {
    Vue.filter(item,filters[item])
  })