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