v-select 显示对象Object

Question

我是 vuetify 的新手，我一直在研究如何正确使用 v-select。我正在将 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 Object"。

Answer 1

您不必使用绑定，也不需要 link 它与 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
   >

v-select 显示对象Object

v-select displays object Object

vuex

vuetify.js

v-select