vue里面处理表格排序的问题

1.html部分

              sortable='custom' prop="单位扫风面积成本指数" align="center" label="单位扫风面积成本指数">

2.js部分

//分页

      pagination: {

        currentPage: 1,

        pageSize: 8

      },

sortChangeJF(val){

      this.sortChange(val, this.tableData,this.pagination)

    },

sortChange(val,table,pagination){

      let {column, prop, order} = val

      if(!order){

        table.tableBody = this.copyArr(table.allData)

        pagination.currentPage = 1

        return

      }

      let flag = order == "ascending" ? 1 : -1

      if("平台" == prop || "单位扫风面积成本指数" == prop || "轮毂高度" == prop){

        table.tableBody.sort(function(a,b){

          return flag * (a[prop] - b[prop])

        })

      }else if("单机容量" == prop){

        table.tableBody.sort(function(a,b){

          return flag * (parseFloat(a[prop]) - parseFloat(b[prop]))

        })

      }else{

        table.tableBody.sort(function(a,b){

          return flag * (a[prop] > b[prop])

        })

      }

      pagination.currentPage = 1

    },

你可能感兴趣的:(vue里面处理表格排序的问题)