如何将我的api数据放入类目vue js的选择列表中？

问题描述

我在选择下拉列表中得到some: path: value

这是我的代码

object Object

脚本代码

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

解决方法

您可以使您的值成为包含类型和ID的对象。像这样：

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

,

我认为您必须在option-label标签上添加option-value和<q-select>道具。如果您的res.data.categories（例如）看起来像这样

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

然后您的<q-select>标签应如下所示

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