Vue.js 如何在v-autocomplete项文本vuetify中连接两个字段

我正在寻找一种方法，将v-autocomplete项文本字段中的两个字段连接起来

这是我的代码：

            <ol>
              <li>
                  <v-autocomplete
                    placeholder="Search a person"
                    prepend-inner-icon="mdi-magnify"
                    chips
                    clearable
                    dense
                    v-model="counterpart1"
                    item-value="id"
                    item-text="first_value"
                    :items="enrolled1"
                  />
              </li>
            </ol>

这是：

:item-text="`${first_value}, ${second_value}`"

但是我得到了

[object object]

。我发现这是相似的，但我认为我的情况有点不同，我不明白，如何以这种方式改变它

---

任何帮助都将不胜感激

使用函数呈现

项目文本

:item-text="getItemText"

然后，在您的

方法中

：

getItemText(item) {
    return `${item.first_value}n ${item.second_value}`;
}

---

您能确认

第一个值

和

第二个值

都是字符串吗？事实上，您得到了

[object object]

，这让我觉得其中至少有一个是对象而不是字符串。请尝试将它们记录到控制台中。@camaulay

enrolled1

和

enrolled2

都是从同一个端点获取值的对象，因此

item text=“first\u value”

显示值，但我无法连接两个值。请通过添加存储在enrolled1对象数组中的值来更新您的问题，这确实有助于快速解决问题您在

first\u value}n

中写了一个拼写错误，但对我来说很有效：

返回`${item.first\u value}${item.second\u value}`谢谢！
:item-text="getItemText"

getItemText(item) {
    return `${item.first_value}n ${item.second_value}`;
}