сортировать выпадающие элементы (ответ из JSON) в vuejs

Question

Может кто-нибудь предложить мне, как применить сортировку к выпадающему списку в Vue Js Я использовал v-select от vuetify

`<v-select v-model='coursesList' :options="courses" :enableDropup="true" options-label="name" options-value="id" name='courseName[]'></v-select>`

    mutations:{
     setCourseItems (state,response){
      state.courseItems=response
    }
   }
JSON:
[
  {
    "stock": "available",
    "name": "Higher Engineering maths"
  },
  {
   "stock": "available",
    "name": "Qantum Physics"
  },
  {
    "stock": "available",
    "name": "Biology"
  }
]

Answer 1

В JavaScript вы можете использовать метод сортировки для сортировки массива.

Здесь ваш ответ выглядит как массив json, вы можете вызвать sort() и назначить ему специальную функцию для сортировки. Пример:

var myArray = [
  {
    stock: "available",
    name: "Higher Engineering maths"
  },
  {
    stock: "available",
    name: "Qantum Physics"
  },
  {
    stock: "available",
    name: "Biology"
  }
]

myArray.sort(function (item1, item2) => {
    //if the result of this method is negative, item2 is considered "bigger" than item1, and vice versa
    return item1.name.toLowerCase() < item2.name.toLowerCase() ? -1 : 1
})

это отсортирует ваш массив в алфавитном порядке поля name. Обратите внимание, что toLowerCase() не требуется, но рекомендуется, если вы не управляете вводом и не хотите обрабатывать заглавные буквы по-разному.