当前位置:首页 >> 你懂你先说>>正文

iview中使用表格sortable属性后排序不生效的解决方法

栏目:你懂你先说时间:2019-04-28热度:
本文标签: iview table sortable

在iview项目的表格中使用了sortable属性后发现排序不正常


{
  title: '创建时间',
  minWidth: 140,
  align: 'center',
  sortable: true,
  render(h, params) {
    return h('span', new Date(params.row.createDate).Format('yy-MM-dd hh:mm'));
  }
}

其中 Format函数是将后端返回的时间戳转换为 "2019-04-09 10:48" 格式

虽然加了sortable属性,但是发现排序后顺序还是不对,有的行并没有按照应有的顺序排序

预计是在数据进行Format转化后才排序,而不是直接拿后端的时间戳排序

解决办法:

虽然用了render函数,key熟悉可以不加了,但是为了排序正常,还是要把key加上


{
  title: '创建时间',
  minWidth: 140,
  align: 'center',
  sortable: true,
  key: 'createDate',
  render(h, params) {
    return h('span', new Date(params.row.createDate).Format('yy-MM-dd hh:mm'));
  }
}


这样就正常了


热门标签