项目中有需求,需要在table+分页的情况下做一个倒序排列的table表格弹窗,
但是这个分页是每点击一次拿5条数据,如果做倒序只能做这5条数据的倒序.
不符合需求,问了一下同事之后发现有一个字段"sidx"可以控制排序,以id为例子,
sidx: 'id desc’表示逆向排序
sidx: ‘id asc’ 为默认,表示正向排序
通过查elementUI组件的列表属性及方法可以得到sortable方法,如下图使用
(sortable默认只在当前分页倒序,sortable:'custom’表示调用远程方法@sort-change监听)
当监听到sort-change方法被调用时,再判断sort-change监听到的值,最后做一些逻辑处理,如下图
现在可以逆向排序了,但是分页又出现了问题,因为翻页时还是调用的默认的排序方法,这时候可以指定一个flag,
监听this.flag,当为真时即便顺向排序,就往sortChange方法中传入descending,
为假时传入ascending,需要和上图结合看