el-table表格排序自定义sort-method

1,997 阅读1分钟

如需要对表格中的某一列按照没有规律的顺序排列可使用以下方法:

例:要求按照['上城','萧山','余杭','市区','下城','钱塘','滨江','拱墅']的区域顺序排序,且后端返回的数据不带区域的编号

HTML部分:

<el-table-column prop="areas" sortable label="区域" :sort-method="sortByAreas"> </el-table-column>

js部分

sortByAreas(){
        const arr = ['上城','萧山','余杭','市区','下城','钱塘','滨江','拱墅']
        let val1 = arr.indexOf(obj1['areas'])
        let val2 = arr.indexOf(obj2['areas'])
        return val1 - val2
}

总结:sort-methods是对数据进行排序的时候使用的方法,仅当 sortable 设置为 true 的时候有效,需返回一个数字,和 Array.sort 表现一致