Laravel 5 v-select2在通过$http加载后无法追加值

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

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...">
      <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>