vue element table 表格請求后臺排序的方法

來源：懂視網責編：小采時間：2020-11-27 22:06:49

vue element table 表格請求后臺排序的方法

vue element table 表格請求后臺排序的方法:1、ElementUi文檔已經說了，如果需要后端排序，需將sortable設置為custom，同時在 Table 上監聽sort-change事件，在事件回調中可以獲取當前排序的字段名和排序順序，從而向接口請求排序后的表格數據。 <el-table :data=playerTa

推薦度：

點擊下載本文 文檔為doc格式

導讀vue element table 表格請求后臺排序的方法:1、ElementUi文檔已經說了，如果需要后端排序，需將sortable設置為custom，同時在 Table 上監聽sort-change事件，在事件回調中可以獲取當前排序的字段名和排序順序，從而向接口請求排序后的表格數據。 <el-table :data=playerTa

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 表格請求后臺排序的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue element table 表格請求后臺排序的方法

推薦度：

點擊下載本文 文檔為doc格式

標簽： VUE 排序的 table

熱門焦點

vue element table 表格請求后臺排序的方法

vue element table 表格請求后臺排序的方法

vue element table 表格請求后臺排序的方法

最新推薦

猜你喜歡

熱門推薦