Laravel 5 v-select2在通过$http加载后无法追加值
I在以下位置使用v-select: 它从api获取数据:Laravel 5 v-select2在通过$http加载后无法追加值,laravel-5,vue.js,jquery-select2,vuejs2,vue-component,Laravel 5,Vue.js,Jquery Select2,Vuejs2,Vue Component,I在以下位置使用v-select: 它从api获取数据: /search/tag?keyword= 而我 return $tags->toJson(); (laravel) 已返回数据,但无法附加到v-select中的选项 视图模板 <template> <v-select multiple :debounce="250" :on-search="getOptions" :options="options" placeholder
/search/tag?keyword=
而我
return $tags->toJson(); (laravel)
已返回数据,但无法附加到v-select中的选项
视图模板
<template>
<v-select multiple
:debounce="250"
:on-search="getOptions"
:options="options"
placeholder="Search Tag...">
<template slot="option" scope="option" value="option.id">
{{option.name}}
</template>
</v-select>
</template>
控制台中的Resp
由于要返回对象数组,请在组件定义中定义“标签”名称 从文档中:
/**
* An array of strings or objects to be used as dropdown choices.
* If you are using an array of objects, vue-select will look for
* a `label` key (ex. [{label: 'This is Foo', value: 'foo'}]). A
* custom label key can be set with the `label` prop.
* @type {Array}
*/
options: {
type: Array,
default() { return [] },
},
从API返回的对象没有
标签
属性。通过将v-select
使用的标签添加为属性,可以自定义该标签
<v-select multiple
:debounce="250"
:on-search="getOptions"
:options="options"
placeholder="Search Tag..."
label="name">
</v-select>
这是一个可行的解决方案。文档中似乎没有选项槽。是的,我已将其删除谢谢,我将其替换,并修复了一些代码。它已经运行了,我替换它,并修复一些代码。它起作用了
<v-select multiple
:debounce="250"
:on-search="getOptions"
:options="options"
placeholder="Search Tag..."
label="name">
</v-select>