vue里面处理表格排序的问题
1.html部分
2.js部分
//分页
pagination: {
currentPage: 1,
pageSize: 8
},
sortChangeJF(val){
this.sortChange(val, this.tableData,this.pagination)
},
【vue里面处理表格排序的问题】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-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- Java|Java OpenCV图像处理之SIFT角点检测详解
- 事件处理程序
- 爬虫数据处理HTML转义字符
- VueX--VUE核心插件
- Android|Android BLE蓝牙连接异常处理
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构