詳解vue2.0的Element UI的表格table列時間戳格式化
更新時間：2017年06月13日 17:18:12 作者：楓似
本篇文章主要介紹了詳解vue2.0的Element UI的表格table列時間戳格式化，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
這兩天學習了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="創(chuàng)建時間"
: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: {
//列表數(shù)據(jù)
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組件傳入的方法函數(shù)應該使用v-bind屬性綁定
時間格式化使用moent.js
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vuejs第十篇之vuejs父子組件通信的相關(guān)資料,本文介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
vue2.0s中eventBus實現(xiàn)兄弟組件通信的示例代碼
這篇文章主要介紹了vue2.0s中eventBus實現(xiàn)兄弟組件通信的示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了vue2安裝tailwindcss，本文分步驟結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
this.$router.push攜帶參數(shù)跳轉(zhuǎn)頁面的實現(xiàn)代碼
這篇文章主要介紹了this.$router.push攜帶參數(shù)跳轉(zhuǎn)頁面,this.$router.push進行頁面跳轉(zhuǎn)時，攜帶參數(shù)有params和query兩種方式，本文結(jié)合實例代碼給大家詳細講解，需要的朋友可以參考下2023-04-04
前端Vue全屏screenfull通用解決方案及原理詳細分析
這篇文章主要給大家介紹了關(guān)于前端Vue全屏screenfull通用解決方案及原理的相關(guān)資料,使用screenfull這一第三方庫可以實現(xiàn)更穩(wěn)定的全屏功能,需要的朋友可以參考下2024-10-10
這篇文章主要給大家介紹了關(guān)于vue.js中ref和$refs使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08
這篇文章主要介紹了vue如何通過事件的形式調(diào)用全局組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
本文介紹了如何在Vue3項目中整合Live2D技術(shù),從Live2D的基本介紹到在Vue3中的具體實現(xiàn)方法,Live2D技術(shù)允許開發(fā)者將二維圖像轉(zhuǎn)化為可動畫的三維模型,主要應用于游戲、虛擬角色等領(lǐng)域,文章詳細說明了在vue3項目中使用Live2D的步驟,感興趣的朋友一起看看吧2024-10-10
在Vue?3中，可以使用多種方式來使用SVG圖標，這篇文章主要為大家總結(jié)了五個常用的方式，文中的示例代碼講解詳細，感興趣的小伙伴可以了解下2023-08-08
這篇文章給大家介紹了基于vue封裝一個帶眼睛的密碼子組件的方法,文章中有詳細的代碼講解,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-09-09