vueelementtable表格请求后台排序的方法_el-tablesortchange资源-CSDN文库

版权申诉

159 浏览量 2020-12-29 12:42:35 上传评论收藏 32KB PDF 举报

资源推荐

资源详情

资源评论

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 表格请求后台排序的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大

家多多支持软件开发网。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

版权申诉

weixin_38606466

粉丝: 11
资源: 871

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip