element el-table 表格远程后台排序sort-ch

2021-06-09  本文已影响0人  杨二哥

<el-table ref="nana" @sort-change='tableChange' v-cloak id="myTable" 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)

},

上一篇 下一篇

猜你喜欢

热点阅读