vue格式化时间

1、安装时间格式化插件

npm install vue-moment --save

2、在main.js中引用

import moment from 'moment'
 
Vue.use(require('vue-moment'));
Vue.prototype.moment = moment

3、在main.js中加入日期格式化的过滤器，其中dateYMDHMSFormat为方法名称

Vue.filter('dateYMDHMSFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){
  return moment(dateStr).format(pattern);
})

4、普通使用方法，date为参数名，后面dateYMDHMSFormat为方法名称

<p>{{date | dateYMDHMSFormat}}</p>

但是，在table中需要添加插槽

不加格式化写法：

<el-table-column prop="date" label="时间"></el-table-column>

加入格式化写法：

<el-table-column prop="date" label="时间">
    <template slot-scope="scope">{{scope.row.date| dateYMDHMSFormat}}</template>
</el-table-column>