vue2.0的Element UI的表格table列時間戳記格式化_vue

表格屬性

<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