vue.js - vue-select v-model reduce 不工作 / Nuxt js Vue js

Question

我正在使用 vue-select。当我想显示所选元素时，它会显示值而不是文本（见屏幕）。我在几份报告（和文档）中看到了可以使用 reduce 的内容。我还看到我可以在组件上添加一个 ":key" 道具，但这也不起作用。

在这里我选择项目：

这里是选定的项目，它显示值而不是文本：（这里的问题）

我的组件文件（input-custom.vue）：

我在页面中的组件：

页面数据：

标签： vue.jsnuxt.jsvue-select

Answer 1

我找到了解决方案。

这是我的“handleInput”方法。

我发出“e.value”但我想发出对象，所以替换“e.value”=>“e”