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

Ruby on rails Vue Multiselect显示对象而不是“名称”字段,ruby-on-rails,vue.js,vue-component,vuex,vue-multiselect,Ruby On Rails,Vue.js,Vue Component,Vuex,Vue Multiselect,我想知道如何更改此链接中显示的vue multiselect示例,以便下面显示的数组仅显示由逗号分隔的名称列表。您可以在图中看到,我选择了Javascript和开源…在它下面显示了两者的整个对象。我只想显示用逗号分隔的两个名称。任何帮助都将不胜感激 我可以对下面的{{value}}调用做一个简单的更改来完成这个任务吗?更改为{Value.name}}等不起作用 <div> <label class="typo__label">Tagging</label>

我想知道如何更改此链接中显示的vue multiselect示例,以便下面显示的数组仅显示由逗号分隔的名称列表。您可以在图中看到,我选择了Javascript和开源…在它下面显示了两者的整个对象。我只想显示用逗号分隔的两个名称。任何帮助都将不胜感激

我可以对下面的{{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>

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

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