关于element table排序 sort-change

 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');//当前表头名称
    },

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值