第九章 实例--使用Render函数开发排序的表格组件 书 P170

[amanisky]

sortByAsc 方法中
this.currentColumns[index]._sortType = 'asc'
sortByDesc 方法中
this.currentColumns[index]._sortType = 'desc'
上面两处的写法，点击排序时候不会触发 render 函数重新渲染
参考 Vue 官方文档：https://cn.vuejs.org/v2/guide/list.html#数组更新检测
代码修改如下
sortByAsc (key) {
let field = this.currentColumns[key].key
this.currentColumns = this.currentColumns.map((col, index) => Object.assign(col, { _sortType: index == key ? 'asc' : 'normal' }))
this.currentData.sort((a, b) => a[field] > b[field] ? 1 : -1)
},
sortByDesc (key) {
let field = this.currentColumns[key].key
this.currentColumns = this.currentColumns.map((col, index) => Object.assign(col, { _sortType: index == key ? 'desc' : 'normal' }))
this.currentData.sort((a, b) => a[field] < b[field] ? 1 : -1)
}