iview table組件的使用


最近使用iview-admin寫了一個后台管理項目,對table這個組件使用的比較多,表格主要內容如下圖

sad

新建和修改操作是使用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'))
            }
          },

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM