vue项目 + element-ui + 时间戳格式转化问题的解决

什么是所谓的时间戳（1514865808）？？？如下图所示

后台会传来这样的时间戳（1514865808）那我们应该怎么办呢？

本来我是想用js里面的方法去解决，可是不知如何下手，但是就算出来了，那这样的代码在Vue中看起来也不太优雅。那么具体怎么去解决呢？？

我想到了一个格式化的组件就是npm中的moment组件，他是第三方专门用来处理时间的，但是我又该如何去把他写在我们的element-ui表格中，以及去实现我们想要的功能呢？

我在element-ui中查找表格自带的属性的时候看到了formatter这样一个属性，似乎觉得可以借助他来实现功能，然后在各种的查找下，我找出了如何解决这样一个问题的办法。接下来是我们的解决办法：

① 在你的vue项目中安装moment第三方组件

npm install moment --save

② 在你需要格式化时间的页面引入moment组件

import moment from 'moment'

③ 然后配合我们element-ui，在元素中加入 :formatter

<el-table-column prop="add_time" label="创建时间" :formatter="dateFormat" width="200px"></el-table-column>

④ 然后声明一个方法，去调用

//时间格式化
    dateFormat(row, column) {
      var date = row[column.property];
      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    },
 //时间格式化

这样问题就解决了。