如何在Vue中对包含2个字段的数组进行排序？

<template>
  <div>
    <button @click="sortByField('field1')">按字段1排序</button>
    <button @click="sortByField('field2')">按字段2排序</button>
    <ul>
      <li v-for="item in sortedArray" :key="item.id">
        {{ item.field1 }} - {{ item.field2 }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      array: [
        { id: 1, field1: 'value1', field2: 'value2' },
        { id: 2, field1: 'value3', field2: 'value4' },
        { id: 3, field1: 'value5', field2: 'value6' }
      ]
    };
  },
  computed: {
    sortedArray() {
      return this.array.slice().sort((a, b) => {
        // 按字段1排序
        if (this.sortField === 'field1') {
          return a.field1.localeCompare(b.field1);
        }
        // 按字段2排序
        if (this.sortField === 'field2') {
          return a.field2.localeCompare(b.field2);
        }
        return 0;
      });
    }
  },
  methods: {
    sortByField(field) {
      this.sortField = field;
    }
  }
};
</script>