element table sort-method 动态数据列自定义排序问题

<el-table-column :label="col.gradeSerial" header-align="center" v-for="(col,i) in cList">
  <el-table-column
    sortable
    :label="label"
    :sort-method="(a, b) => sortHandle(a, b, i, 'recordNum')"
    align="center">
    <template slot-scope="scope">
        {{ scope.row.list[i].recordNum }}
    </template>
  </el-table-column>
  <el-table-column
    sortable
    :label="label"
    :sort-method="(a, b) => sortHandle(a, b, i, 'prizeNum')"
    align="center">
    <template slot-scope="scope">
        {{ scope.row.list[i].prizeNum }}
    </template>
  </el-table-column>
</el-table-column>

<!--js部分 -->
sortHandle (a, b, i, type) {
  return a.gradeRecordList[i][type] - b.gradeRecordList[i][type]
}

:sort-method属性通过闭包返回一个函数， 可自定义传参用于自定义排序方法中,
sort-method用法见官方文档