element.ui table中的自定义升序降序,调接口
页面模块
<el-table :data="tableData" :height="tableHeight" ref="multipleTable"
@sort-change='sortChange'
tooltip-effect="dark" @selection-change="handleSelectionChange" style="width: 100%" border>
<el-table-column prop="createTime" label="入库时间" width="140" sortable='custom'></el-table-column>
<el-table-column prop="updateTime" label="最新上线时间" width="140" sortable='custom'></el-table-column>
</el-table>
注意:sortable='custom'一定要设置哦,不然就默认elment.ui中的排序了
methods: {
/**
* @desc : 点击排序操作
* @date : 2019/12/3
* @update by ht
*/
sortChange(column) {
console.log(column)
if(column.order ==='ascending' && column.prop ==='createTime'){
this.orderFiled ='create_time asc'
}
if(column.order ==='descending' && column.prop ==='createTime'){
this.orderFiled ='create_time desc'
}
if(column.order ==='ascending' && column.prop ==='updateTime'){
this.orderFiled ='update_time asc'
}
if(column.order ==='descending' && column.prop ==='updateTime'){
this.orderFiled ='update_time desc'
}
this.getList();//向后台传值掉接口
},
}