el-table排序,点击向上向下按钮时,对应列数据排序不正确,所以用以下方法。
在el-column-table中使用sort-methods,并且sortable值为true
模板代码
<el-table
:data="tableData"
style="width: 100%"
:default-sort="{ prop: 'date', order: 'descending' }"
>
<el-table-column prop="date" label="日期" :sort-method="sortState" sortable width="180">
</el-table-column>
<el-table-column prop="name" label="姓名" sortable width="180">
</el-table-column>
<el-table-column prop="address" label="地址" :sort-method="sortaddress" sortable :formatter="formatter">
</el-table-column>
</el-table>
tableData: [
{
date: "2016",
name: "23",
address: "432"
},
{
date: "504",
name: "43",
address: "54"
},
{
date: "201",
name: "54",
address: "54"
},
{
date: "203",
name: "76",
address: "8798"
}
]
js
formatter(row, column) {
return row.address;
},
sortState (a, b) {
let a1 = a.date
let b1 = b.date
return a1-b1
},
sortaddress (a, b) {
let a1 = a.address
let b1 = b.address
return a1-b1
}