最近撸代码时发现这样一个问题,原本的项目中是走的前端排序,但是又因为前端走了分页,所以导致每次排序都只是排当前的10或15条数据,这时候产品提出来说 是要全量排序,好吧,那就全量排序
大家都知道el-table有一个@sort-change方法是用来对表格进行全量排序的,这时候传一个调取后端接口的方法就好了。于是代码就提交上去了,测试开始测了,发现一个问题,后端已经排好的顺序,在前端展示的是另一个顺序,这时候我就很迷茫了。一开始不知道是什么原因,后来才知道,我们前端从后端获取数据的顺序之后,又被强制地排了个序,很尴尬。后来发现
el-table-columns 他自身也有一个排序方法 @sort-method,因为我们设置了sortable为true,所以他会在掉完el-table的方法之后 ,又调用@sort-method的方法,强制又换了一次顺序,所以呢
sortable=“custom” 这个会禁止自身的排序方法,远程监听el-table的@sort-change
哈哈哈
网友评论