ruby-on-rails - Vue-Multiselect显示对象而不是“名称”字段

Question

我想知道如何更改此链接（https://vue-multiselect.js.org/#sub-tagging）上显示的这个 vue-multiselect 示例，以便下面显示的数组仅显示由分隔的名称列表逗号。您可以在图像中看到，我选择了 Javascript 和开源......在它下方显示了两者的整个对象。我只想显示用逗号分隔的 2 个名称。任何帮助，将不胜感激...

我可以对下面的 {{ value }} 调用进行简单的更改（希望如此）来完成此操作吗？更改为 {{ Value.name }} 等不起作用。

<div>
  <label class="typo__label">Tagging</label>
  <multiselect v-model="value" tag-placeholder="Add this as new tag" placeholder="Search or add a tag" label="name" track-by="code" :options="options" :multiple="true" :taggable="true" @tag="addTag"></multiselect>
  <pre class="language-json"><code>{{ value  }}</code></pre>
</div>

Answer 1

一种方法是在绑定中使用 javascript 进行转换：

<pre class="language-json"><code>{{ value.map(v => v.name).join(', ')  }}</code></pre>