如何解决如何将我的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"
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。