Блог

У меня проблема с использованием vue multiselect для выбора нескольких элементов из вызова API, но я получаю пустой ответ, даже если он печатается на консоли.

Множественный выбор:

 
<multiselect mode="tags"
    :searchable="true"
    :createTag="true"
    :multiple="true"
    v-model="genre"
    :value= 'genreoptions.id'
    :options= 'genreoptions.title'
    :show-no-results= "false">
</multiselect>      
 

Данные:

 data () {
    return {
      internalValue: this.value,
      fname: '',
      lname: '',
      bday: '05/05/1996',
      gender: 'Male',
      emailid: '',
      bio: '',
      profileimg: null,
      awards: '',
      websiteurl: '',
      profession: null,
      tags: null,
      label: null,

      genreoptions: '',
      genre: []
 
    }
  },

  getBasic () {
      getApi.get('/createartist',
        {
          headers: {
            'Content-type': 'image/jpeg'
          }
        }
      )
        .then(res => {
          console.log('first', res.data.genre)
          this.genreoptions = res.data.genre
          this.options.professionoptions = res.data.profession
          this.options.tagsoptions = res.data.tags
  })
}
 

Но теперь я ничего не получаю в шаблоне vue
, но поскольку данные печатаются на консоли, я также получаю значение 0 в консоли vue.

Я перепробовал все, но не смог решить эту проблему.

  [![Attactched Image Here][1]][1]
 

Спасибо @shob за помощь в решении этой проблемы

 v-if="options.genreoptions"
  mode="tags"
  :searchable="true"
  :createTag="true"
  multipleLabel="true"
  label='title'
  v-model="genre"
 :options="options.genreoptions"
 valueProp="id"
 :show-no-results= "false"
 /multiselect>