Vuejs2 对vuejs中的下拉项（来自JSON的响应）进行排序

有谁能建议我如何在Vue Js中对下拉列表进行排序 我使用了vuetify中的v-select

`<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"
  }
]

``
突变：{
setCourseItems（状态、响应）{
state.courseItems=响应
}
}
JSON:
[
{
“库存”：“可用”，
“名称”：“高等工程数学”
},
{
“库存”：“可用”，
“名称”：“量子物理”
},
{
“库存”：“可用”，
“名称”：“生物学”
}
]

在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
})

var myArray=[
{
库存：“可用”，
名称：“高等工程数学”
},
{
库存：“可用”，
名称：“量子物理”
},
{
库存：“可用”，
名称：“生物学”
}
]
myArray.sort（函数（item1，item2）=>{
//如果此方法的结果为负值，则认为项目2比项目1“大”，反之亦然
返回item1.name.toLowerCase（）

这将按

名称

字段的字母顺序对数组进行排序。请注意，

toLowerCase（）

不是必需的，但建议您不要控制输入，也不要以不同的方式对待大写字母。

您至少可以创建一个？我们不知道（1）您的数据是如何构造的，（2）您希望按照什么标准进行排序。