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'))
            }
          },

 

 

 

 

posted @ 2019-12-12 08:59  千金一发  阅读(2424)  评论(0编辑  收藏  举报