最近使用iview-admin写了一个后台管理项目,对table这个组件使用的比较多,表格主要内容如下图

iview table组件的使用

新建和修改操作是使用iview组件  model(对话框)内嵌form(表单),可做表单验证

iview table组件的使用

单选、多选、排序、分页、下拉都能通过官网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'))
            }
          },

 

 

 

 

相关文章:

  • 2021-11-14
  • 2021-06-29
  • 2022-12-23
  • 2021-05-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-17
  • 2021-10-16
  • 2021-10-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案