element 表格 远程后台排序 sort-change

<el-table ref="nana" @sort-change='tableChange' v-cloak id="mybox" height="100%" :data="pageDate" style="width:100%;height:100%" :default-sort="{prop: 'date', order: 'descending'}">

       <el-table-column prop="typeId" label="商品类别" sortable='custom' width='130px'>

      </el-table-column>

</el-table>

 

这里@sort-change='tableChange'与sortable='custom' 必须同时设置。

 

 

 

 

注册tableChange事件传column,prop,order参数即可获取不同的值，然后传参数即可

 

tableChange:function(column,prop,order){

  console.log(column)

  console.log(prop)

  console.log(order)

},