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)

},