Я пытаюсь, чтобы мой vue-файл принимал массив объектов от родительского объекта и создавал с ним множественный выбор, но шаблон vue продолжает рендериться до того, как мои переменные могут инициализироваться, поэтому я получаю сообщение о том, что массив использует этот множественный выбор равно нулю
Я попытался создать с использованием вычисленного, смонтированного и созданного компонента в файле, но, похоже, ничего не работает
<template>
<div id="my-app">
<multiselect v-model="value" :options="prop2" :custom-label="FullName" placeholder="Select one" label="name" track-by="_id" @update="updateProp1()"></multiselect>
<pre class="language-json"><code>{{ value }}
импортировать Multiselect из 'vue-multiselect'
экспорт по умолчанию {
название: "комп",
компоненты: {
Выбор из нескольких вариантов
},
реквизит: ['prop1', 'prop2'],
данные: функция () {
вернуть {
значение: ноль,
}
},
созданный: функция () {
this.getProp1 ();
},
вычислено: {
prop2 () {
вернуть this.prop2;
}
},
методы: {
FullName ({FirstName, LastName}) {
вернуть FirstName + "" + LastName
},
getProp1 () {
for (var p2 в this.prop2) {
if (this.prop1 == p2._id) {
this.value = prop1;
перерыв;
}
}
},
updateProp1 (newProp1) {
this.prop1 = newProp1;
}
}
}
Я ожидаю множественный выбор со значениями по умолчанию в переменной «value» и всеми доступными параметрами в переменной «options». Выбор чего-либо с помощью множественного выбора перезапишет переменную «value». Хотя на самом деле я получаю два пустых массива, которые иногда работают. Я думаю, что это происходит, потому что vue асинхронный, но даже зная, что я не уверен, как я могу это предотвратить.