Question

我需要在v-select元素的：items属性中加入一些棱柱形场，但是我还没有找到有效地做到这一点的方法。我不确定是否需要使用不同的字段类型来完成此操作，但是在这一点上，我正在尝试呈现组字段（API ID'question_topics'）中的关键文本字段（API ID'topic'）

我使用getContent方法通过以下方式检索字段：

this.fields.question_topics = document.data.question_topics;
this.fields.topic1 = document.data.question_topics[0].topic;

我已经将它们转换为数据：

fields: {
  question_topics: [],
  topic1:null,
}

然后在我的标记中，我可以渲染数据：

{{fields.question_topics}} //creates '[{ "topic": "First topic" }, { "topic": "Second topic" }, { "topic": "Third topic" }]'

{{fields.topic1}} //creates 'Topic 1'

如果将fields.question_topics放在我的v-select元素的：items属性中，它只会为我拥有的每个主题字段重复[object Object]。显然，我希望这些内容成为每个主题字段的文字，但我不知道该采取什么方法，并且到目前为止我所做的任何尝试都没有取得成功。有人知道解决方案吗？

Answer 1

在将：items属性设置为question_topics数组时，我还必须将元素的item-text和item-value设置为“ topic”。这样做会正确呈现v选择中的所有主题字段值。

<v-select 
:items="fields.question_topics"
item-value="topic"
item-text="topic"
>
</v-select>

将棱柱场放在数组中，以用于v-select：items prop for vuetify项目？

1 个答案: