解决ElementUI中table组件+分页组件+倒序排列问题

项目中有需求,需要在table+分页的情况下做一个倒序排列的table表格弹窗,
但是这个分页是每点击一次拿5条数据,如果做倒序只能做这5条数据的倒序.
不符合需求,问了一下同事之后发现有一个字段"sidx"可以控制排序,以id为例子,

sidx: 'id desc’表示逆向排序
sidx: ‘id asc’ 为默认,表示正向排序

通过查elementUI组件的列表属性及方法可以得到sortable方法,如下图使用

(sortable默认只在当前分页倒序,sortable:'custom’表示调用远程方法@sort-change监听)

然后在这个方法中传入sidx: ‘id desc’ 字段就可以逆向排序了,但是分页又出现了问题,因为翻页时还是调用的默认的排序方法,这时候可以指定一个flag:false,
当监听到sort-change方法被调用时,就让this.flag=true,如下图