Vue-Multiselect отображающий объект вместо поля «name» - PullRequest
Новая
       33

Vue-Multiselect отображающий объект вместо поля «name»

0 голосов
/ 24 ноября 2018

Я хотел бы знать, как изменить этот пример vue-multiselect, показанный по этой ссылке (https://vue -multiselect.js.org / # sub-taging ), чтобы массив, показанный только нижепоказывает список имен, разделенных запятыми.Вы можете видеть на изображении, я выбрал Javascript и Open Source ... и ниже он показывает весь объект для обоих.Я хочу показать только 2 имени, разделенных запятыми.Буду признателен за любую помощь ...

enter image description here

Могу ли я сделать простое изменение (надеюсь) этого {{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  }}

1 Ответ

0 голосов
/ 24 ноября 2018

Один из способов - конвертировать его, используя JavaScript в привязке: 

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