這兩天學習了vue2.0的Element UI的表格table列時間戳格式化，所以，今天添加一點小筆記。

表格屬性

<el-table         :data="tableData"         v-loading.body="loading"         border         @selection-change="selectionChange"         style="width: 100%">       <el-table-column           prop="createTime"           label="創建時間"           :formatter="dateFormat"           width="150">       </el-table-column>       <el-table-column           prop="updateTime"           label="更新時間"           width="150">       </el-table-column>           </el-table> 

script

new Vue({     el: '#tableView',     data: {       //列表數據       tableData: [{       "createTime":1491559642000,       "updateTime":1491559642000       }],     },     methods:{       //時間格式化       dateFormat:function(row, column) {         var date = row[column.property];      if (date == undefined) {        return "";      }      return moment(date).format("YYYY-MM-DD HH:mm:ss");       }     }   }); 

簡單來說，vue組件傳入的方法函數應該使用v-bind屬性綁定

時間格式化使用moent.js

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。