el-table自定义排序名字字段

如果你使用的是 Element UI 中的 el-table 组件，你可以使用 `sort-method` 属性来自定义排序逻辑。在这个函数中，你可以根据需要对数据进行排序，然后返回排序后的数组。

对于自定义排序名字字段，你可以在 `sort-method` 函数中获取每个行数据对象中的名字字段，然后按照需要进行排序。下面是一个示例代码：

<template>
  <el-table :data="tableData" :columns="tableColumns" :sort-method="sortByName">
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 22 }
      ],
      tableColumns: [
        { prop: 'name', label: '姓名' },
        { prop: 'age', label: '年龄' }
      ]
    }
  },
  methods: {
    sortByName(a, b) {
      // 获取名字字段
      const nameA = a.name.toUpperCase()
      const nameB = b.name.toUpperCase()
      if (nameA < nameB) {
        return -1
      }
      if (nameA > nameB) {
        return 1
      }
      return 0
    }
  }
}
</script>

在上面的代码中，我们使用 `sort-method` 属性绑定了 `sortByName` 方法来自定义排序逻辑。在 `sortByName` 方法中，我们使用 `toUpperCase()` 方法将名字转换为大写字母，然后使用 `if` 语句比较名字的大小关系，最终返回排序结果。