el-table本身具备排序属性:sortable,默认值为true,则开启排序
但是,此排序是按照字符Unicode编码格式排序的,所以如果该列是中文或者中文和其他字符的混合物的时候,通过sortable提供的排序出来的结果,不符合我们的预期。接下来的代码可以解决该问题,希望可以给大家提供帮助,也给为自己记录下来。
<el-table
:data="tableData"
style="width: 100%"
:key="tableKey"
border
@header-click="handleHeaderClick"
>
<el-table-column prop="date" label="日期" :sortable="true" width="180"></el-table-column>
<el-table-column
prop="name"
label="姓名"
:sortable="true"
width="180"
:sort-method="actionAdmin"
:default-sort="{prop: 'name'}"
></el-table-column>
</el-table>
<script>
export default {
methods: {
actionAdmin(str1, str2) {