asp.net 安裝element ui_vue項目 + element-ui + 時間戳格式轉化問題的解決

最近在着手寫一個vue的項目，這時候我們會在背景拿來資料，然後顯示在前台的背景頁面裡面，這時候就會遇到問題，加入背景請求出來的資料是時間戳怎麼辦？

什麼是所謂的時間戳（1514865808）？？？如下圖所示

背景會傳來這樣的

時間戳（1514865808）

那我們應該怎麼辦呢？

本來我是想用

js

裡面的方法去解決，可是不知如何下手，但是就算出來了，那這樣的代碼在

Vue

中看起來也不太優雅。那麼具體怎麼去解決呢？？

我想到了一個

格式化的元件就是npm中的moment元件

，他是第三方專門用來處理時間的，但是我又該如何去把他寫在我們的

element-ui

表格中，以及去實作我們想要的功能呢？

我在

element-ui中查找表格自帶的屬性

的時候看到了

formatter

這樣一個屬性，似乎覺得可以借助他來實作功能，然後在各種的查找下，我找出了如何解決這樣一個問題的辦法。接下來是我們的解決辦法：

① 在你的vue項目中安裝moment第三方元件

npm 
           

② 在你需要格式化時間的頁面引入moment元件

import moment from 'moment'
           

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

<
           

④ 然後聲明一個方法，去調用

//時間格式化
           

這樣問題就解決了。