Elementui的表格排序+多选功能

<el-table ref="multipleTable" size="mini" :header-cell-style="{background:'#cecece'}" :data="smallList"
    style="width: 100%" height="700" @sort-change="sortTable"
    @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column width="50" label="序号" type="index" align="center"></el-table-column>
</el-table>

 以上是表格结构，其实蛮简单的，跟着文档毫无压力，主要是@sort-change="sortTable"  @selection-change="handleSelectionChange" 这两个方法

https://element.eleme.cn/#/zh-CN/component/table#pai-xu

 sortTable: function (val) {
    console.log("val",val)
    var vm = this
    var sortTip = val.order
    if (sortTip === 'descending') {
        vm.sortValue = 'desc' // 降序
    } else if (sortTip === 'ascending') {
        vm.sortValue = 'asc' // 升序
    } else if (sortTip === null) {
        this.sort = ""
    }
    // 姓名
    this.sort = val.prop + ',' + vm.sortValue
    this.listData()
},

 排序主要是根据后台传来的字段，打印出val值，获取到所要排序一列的数据内容即可，

handleSelectionChange: function (val) {
    var arr = [];
    for (var i = 0; i < val.length; i++) {
        arr.push(val[i].id)
    }
    this.selected = arr
    return arr

},

 多选删除我就是根据 id判断，将所选的数据存到数据里，这样删除还是其他操作直接传给后台所需的数据即可。this.selected 就是传给后台的参数