el-table调取后端接口排序但是表格还自行排序一次的原因

yggjdle

于 2024-02-20 17:22:51 发布

阅读量798

点赞数 8

文章标签： javascript vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/qq_41867900/article/details/136194695

版权

文章讲述了在使用ElementUI中的el-table组件时，如何避免其内置排序功能与后端返回数据的顺序冲突，通过设置sortable属性为custom来确保数据的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在某些业务场景当中需要调取后端的接口进行排序

<el-table
   :data="standardDatasets"
   border
   @sort-change="getStandardDatasets"
>
<el-table-column
  label="balabala"
   sortable
></el-table-column>
</el-table>

如果用上方的方法写的话会发现展示的表格内容有可能和后端返回的顺序不一样这是因为el-table自带的排序又进行了一次排序

<el-table
   :data="standardDatasets"
   border
   @sort-change="getStandardDatasets"
>
<el-table-column
  label="balabala"
   sortable="true"
></el-table-column>
</el-table>