designvue实现表格开启列排序-创新互联

design vue 实现表格开启列排序？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。十载网站建设经验创新互联是成都老牌网站营销服务商,为您提供网站建设、做网站、网站设计、H5建站、网站制作、品牌网站设计、小程序设计服务,给众多知名企业提供过好品质的建站服务。

开启排序

1、本地数据排序

column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法

2、服务端排序sorter设置true

点击排序，表格触发change方法，接受参数

change (pagination, filters, sorter, { currentDataSource })

第三个参数就是排序信息

{field, order}

 
methods: {
  handleTableChange (pagination, filters, {field, order}) {
   this.sort = {
    field: field || '',
    order: order || ''
   }
   
   this.pagination.current = pagination.current
   this.getList()
  },
}

分享名称：designvue实现表格开启列排序-创新互联
本文来源：http://6mz.cn/article/iggce.html