v-select отображает объект Object

Я новичок в vuetify и застрял на том, как правильно использовать v-select. Я перетаскиваю выбранные значения из API в хранилище под названием FormatTypes, которое выглядит следующим образом:

[{"id":5,"formatlabel":"RDBMS Table or View"}
,{"id":6,"formatlabel":"Microsoft Access"}
....
,{"id":23,"formatlabel":"ArcGIS for Server image services"}]

мой v-select:

<v-select font-weight-regular subtitle-1
          v-model=dataset.formattypeid
          :name="FormatTypes"
          :items="FormatTypes"
          :item-value="FormatTypes.id"
          :item-text="FormatTypes.formatlabel"
          :label="FormatTypeLbl"
          :outlined=true
           >

Я использовал свойства item-text / item-value, но я все еще получаю «объект Object» на дисплее.


vuetify.js vuex v-select
person Jim Dowling    schedule 13.05.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам не нужно использовать привязку и не нужно связывать ее обратно с элементами в item-value и item-text

<v-select font-weight-regular subtitle-1
   v-model=dataset.formattypeid
   :name="FormatTypes"
   :items="FormatTypes"
   item-value="id" // No need of binding and no need of FormatTypes linking
   item-text="formatlabel" // No need of binding and no need of FormatTypes linking
   :label="FormatTypeLbl"
   :outlined=true
   >
person Anees Hameed    schedule 13.05.2020
comment
После внимательного прочтения вашего ответа мои проблемы были решены - большое вам спасибо. - person Jim Dowling; 13.05.2020
comment
Да, иногда бывает очень сложно перевести технические причины на простой английский. : P, Рад, что смог помочь. - person Anees Hameed; 13.05.2020