记录一下前端处理列表搜索及排序分页

 这里是表格的处理

el-table里加入 

 @sort-change="tableDataRank"

 el-table-column中这么写

 <el-table-column
    prop="storeAge"
    align="center"
    min-width="120"
    sortable  //这里是添加的排序
    label="库龄">
</el-table-column>

 这是处理的代码

 // 这是表格中自带的用来获取排序类型和字段
      tableDataRank(row,column){
        let vm = this;

        if(row.order == "ascending"){
          vm.search.sort_type=2
          vm.search.sort_field= row.prop;
        }else if(row.order == "descending"){
          vm.search.sort_type=1
          vm.search.sort_field= row.prop;
        }else{
          vm.search.sort_type=''
          vm.search.sort_field= '';
        }
        vm.searchGoodsList();
      },
//