sort-change 是 element表格用来监听排序变化的,只有当表格排序发生变化,才会触发这个事件,它并不只是监听某一列的排序,而是整个表格,所以它是要写在el-table上的,而不是el-table-column上。别写错地方了。
sort-change 主要有三个参数{ column, prop, order }
column是发生排序变化的列。
order是排序方式,有三个选项 ascending 升序、descending 降序、 null 默认排序
prop就是该列的prop。
<el-table :data="tableList"
@sort-change="sort_change"
style="width: 100%;font-size:14px;color: #101010;"
:header-cell-style="tableHeaderColor"
:row-class-name="tableRowClassName">
<el-table-column label="新增企微数" sortable align="center">
<template slot-scope="scope">
<div>内容</div>
</template>
</el-table-column>
methods: {
sort_change({ column }) {
var sort = column.order;
var sortName = column.label;
if (column.label == '新增企微数') {
}
console.log(sort, '排序方式'); // ascending 升序、descending 降序、 null 默认排序
console.log(sortName, 'sortName');//当前表头名称
},