主页 / 网络编程 /

vue element table 表格请求后台排序的方法

网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇vue element table 表格请求后台排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧

1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。

<el-table :data="playerTableData" border style="width: 100%" :default-sort = "{prop: 'outlay', order: 'descending'}" @sort-change='sortChange'>
 <el-table-column prop="nickname" label="昵称"></el-table-column>
</el-table>

2、

sort-change方法自带三个参数，分别代表意义是

column当前列

prop当前列需要排序的数据

order排序的规则（升序、降序和默认[默认就是没排序]）

3、

 //排序
 sortChange (column, prop, order){
  console.log(column.prop); //prop标签 => nickname
  console.log(column.order);//descending降序、ascending升序
 },

以上这篇vue element table 表格请求后台排序的方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。

上一篇：Vue2.x中利用@font-size引入字体图标报错的解决方法 下一篇：webpack+vue-cli项目中引入外部非模块格式js的方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by