element ui table获取当前排序的字段信息
时间: 2023-07-26 22:10:03 浏览: 221
获取表的字段
在 Element UI 的 Table 组件中,可以通过监听 `sort-change` 事件来获取当前排序的字段信息。具体步骤如下:
1. 在 `<el-table>` 组件上绑定 `@sort-change` 事件,并在 methods 中定义事件处理函数。
```html
<el-table :data="tableData" @sort-change="handleSortChange">
<!-- 表格列定义 -->
</el-table>
```
2. 在事件处理函数中,可以通过 `prop` 和 `order` 两个参数来获取当前排序的字段和排序顺序。
```javascript
methods: {
handleSortChange({ prop, order }) {
console.log(`当前排序的字段为 ${prop},排序顺序为 ${order}`);
}
}
```
其中,`prop` 表示当前排序的字段,`order` 表示排序的顺序,取值为 `ascending`(升序)或 `descending`(降序),如果取消排序,则 `order` 取值为 `null`。
注意:如果需要对表格进行多列排序,需要将 `<el-table>` 组件的 `multi-sort` 属性设置为 `true`,并在 `handleSortChange` 方法中添加相应的处理逻辑。
阅读全文