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)

},