后台排序

   <el-table
                :data="tableData"
                border
                style="width: 98%"
                max-height="700"
                :default-sort="{prop: 'date', order: 'descending'}"
                @sort-change="sortChange" 
              >
 <el-table-column prop="systemCategory" sortable="custom" label="系统类别" width="120px"></el-table-column>




 methods: {
    
    sortChange(val) {
      if (val.order == "descending") {
        this.desc = "desc";
      } else if (val.order == "ascending") {
        this.desc = "asc";
      } else {
        this.desc = "";
      }
      this.prop = val.prop;

      this.getDataList();
    },



   getDataList() {
   
      // let data = Object.assign({}, page, search, currentSearch)
      var data = {
        materialName: this.materialName,
        systemCategory: this.formbg.typeId,
        brand: this.brandZh,
        brandLevel: this.formbg.brandLevel,
        currentPage: this.currentPage,
        pageSize: this.pageSize,
        sortBy: this.prop,
        sort: this.desc
      };
      console.log(1111111111111111111111111111, data);