在vue开发中，结合element ui的table组件可实现all data的排序支持
发布时间
阅读量：
阅读量
在Vue框架中，通过Element UI的Table组件实现对全部数据的排序功能：
通常而言，对所有数据进行排序操作需要从服务器端获取数据，但某些情况下也可在前端完成整体数据的排序处理。
实现方式如下：首先定义两个数组showedData和tableData。其中，showedData用于存储当前页面展示的数据，而tableData则用于保存全部数据。为表格绑定@sort-change事件，当用户点击表头处的排序图标时，将触发sort_change方法。该方法内部调用sortFun函数对tableData进行排序，并将排好序后的前四条数据赋值给showedData以实现展示。
具体操作示例如下图所示：
初始状态下showedData的数据如图所示：
点击降序排列按钮，首页界面示例如图所示：
第二页的示意图如图中所展示：
全部评论 (0)
还没有任何评论哟~