Bootstrap-Vue表排序(mon、tue、wed而不是按字母顺序)

<template>
  <b-table :items="items" :sort-by.sync="sortBy" :sort-desc.sync="sortDesc" :sort-method="customSort">
    <template v-slot:cell(day)="data">
      {{ data.item.day }}
    </template>
  </b-table>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { day: 'mon', value: 1 },
        { day: 'tue', value: 2 },
        { day: 'wed', value: 3 },
        // 其他数据
      ],
      sortBy: 'day',
      sortDesc: false
    };
  },
  methods: {
    customSort(a, b) {
      const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
      return days.indexOf(a) - days.indexOf(b);
    }
  }
};
</script>