最近使用iview-admin寫了一個后台管理項目,對table這個組件使用的比較多,表格主要內容如下圖
新建和修改操作是使用iview組件 model(對話框)內嵌form(表單),可做表單驗證
單選、多選、排序、分頁、下拉都能通過官網iview table查到,這里有些操作用到render函數,我只介紹這些
時間戳轉化,這是最簡單的render函數的應用:首先需要引入moment包
import moment from 'moment'
在時間欄,在這里我是轉化為'YYYY-MM-DD HH:mm:ss'這種類型,也可轉化為其他的,這里有個博主寫的很詳細 >傳送門<
{
title: '創建時間',
align: 'center',
key: 'createTime',
render: (h, params) => {
return h('div', moment.unix(params.row.createTime / 1000).format('YYYY-MM-DD HH:mm:ss'))
}
},