• 描述

需要后端排序,需将sortable设置为custom,同时需要绑定sort-change:当表格的排序条件发生变化的时候会触发该事件 其回调函数中的参数为{ column, prop, order },其中order为排序类型:ascing代表升序、descing代表降序。

  • 代码
//html片段
  <el-table
    :data="tableData"
    @sort-change="sortChange"
    >
    <el-table-column
      prop="date"
      label="日期"
      sortable="custom"
      width="180">
    </el-table-column>
  </el-table>

//js片段
methods: {
    sortChange(item) {
        console.log(item)
        //    获得当前排序的字段名和排序顺序
        //    queryData();
        //    向后端发送请求更新视图
    },
}
最后修改:2021 年 10 月 19 日
如果觉得我的文章对你有用,请随意赞赏