时间格式处理: 可以查看vue官网 过滤器

1 封装时间格式处理函数

// 封装时间函数
export function parseTimeByString (time, cFormat) {
  if (arguments.length === 0) {
    return null
  }

  if ((time + '').length === 10) {
    time = +time * 1000
  }

  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  }
  const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key]
    if (key === 'a') {
      return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
    }
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return timeStr
}

2 将过滤器挂载到vue实例上 就可以全局使用

挂载
import * as filters from './filters' //  导入封装的时间函数

// 过滤器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

3 直接插槽 插值语法使用

插槽  插值使用
 
 <template slot-scope="scope">
      {{ scope.row.addDate | parseTimeByString }}
 </template>