Vue.js 如何将我的api数据放入quasar vue js中的选择列表？

我在选择下拉列表中获得

对象对象

这是我的密码

<q-select v-model="product_category" :options="options" label="Project Category" />

---

可以将值设置为包含类型和id的对象。如下所示：

data () {
    selectOptions: [{
        label: yourInitialObject.title,
        value: {
           id: yourInitialObject.id,
           type: yourInitialObject.type
        }
    }]
}

---

可以将值设置为包含类型和id的对象。如下所示：

data () {
    selectOptions: [{
        label: yourInitialObject.title,
        value: {
           id: yourInitialObject.id,
           type: yourInitialObject.type
        }
    }]
}

---

我认为您必须在

标签上添加

选项标签

和

选项值

道具。如果您的

res.data.categories

（例如）如下所示

[
  { id: 1, name: 'water' },
  { id: 2, name: 'earth' },
  { id: 3, name: 'fire' },
  { id: 4, name: 'air' }
]

<q-select
  v-model="product_category"
  :options="options"
  option-value="id"
  option-label="name"
  label="Project Category"
/>

那么您的

标记应该如下所示

[
  { id: 1, name: 'water' },
  { id: 2, name: 'earth' },
  { id: 3, name: 'fire' },
  { id: 4, name: 'air' }
]

<q-select
  v-model="product_category"
  :options="options"
  option-value="id"
  option-label="name"
  label="Project Category"
/>

---

我认为您必须在

标签上添加

选项标签

和

选项值

道具。如果您的

res.data.categories

（例如）如下所示

[
  { id: 1, name: 'water' },
  { id: 2, name: 'earth' },
  { id: 3, name: 'fire' },
  { id: 4, name: 'air' }
]

<q-select
  v-model="product_category"
  :options="options"
  option-value="id"
  option-label="name"
  label="Project Category"
/>

那么您的

标记应该如下所示

[
  { id: 1, name: 'water' },
  { id: 2, name: 'earth' },
  { id: 3, name: 'fire' },
  { id: 4, name: 'air' }
]

<q-select
  v-model="product_category"
  :options="options"
  option-value="id"
  option-label="name"
  label="Project Category"
/>