0

我想知道如何更改此链接（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>
4

1 回答 1

1

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

<pre class="language-json"><code>{{ value.map(v => v.name).join(', ')  }}</code></pre>
于 2018-11-24T02:10:41.690 回答