Vue Select - установка значения выбора по умолчанию с помощью v-bind: value - PullRequest
Новая
       21

Vue Select - установка значения выбора по умолчанию с помощью v-bind: value

0 голосов
/ 14 марта 2019

Я использую vue-select , чтобы вернуть результаты поиска на входе. Так как это на экране редактирования, я хотел бы установить значение выбора по умолчанию для каждого из ранее сохраненных.

Я понимаю, что мы должны использовать v-model для установки выбранного значения, однако мне нужно установить его на основе input.id и input.title этого конкретного input.

Хотя работает следующее, когда я выбираю новый элемент в раскрывающемся списке поиска, он все равно показывает исходное значение input. 

<div v-for="input in inputs">

<v-select v-bind:value="{id: input.id, title: input.title}" label="query" :options="results" @search="autoComplete" :filterable="false">
    <template slot="no-options">
        Type to search
    </template>
    <template slot="option" slot-scope="result">
        <div class="d-center">
            {{ result.title }}
        </div>
    </template>
    <template slot="selected-option" slot-scope="result">
        <div class="selected d-center">
            {{ result.title }}
        </div>
    </template>
</v-select>

</div>
...