У меня проблема с выпадающим списком semantic-ui-vue.
Вот моя ссылка в песочнице: https://codesandbox.io/s/3qknm52pm5.
В моей песочнице есть два выпадающих списка: From и To.
From показывает правильные значения, а To не из-за несоответствия клавиш.
My App.vue содержит этот скрипт
<script>
export default {
data() {
return {
from: [],
to: [],
fromCollection: [
{
value: "abc@gmail.com",
text: "abc@gmail.com"
},
{
value: "def@gmail.com",
text: "def@gmail.com"
},
{
value: "qwerty@gmail.com",
text: "qwerty@gmail.com"
},
{
value: "shubham@gmail.com",
text: "shubham@gmail.com"
}
],
toCollection: [
{
email: "abc@gmail.com"
},
{
email: "def@gmail.com"
},
{
email: "qwerty@gmail.com"
},
{
email: "shubham@gmail.com"
}
]
};
}
};
</script>
икомпонент, который я использовал для них обоих:
<sui-dropdown
fluid
multiple
:options="fromCollection"
placeholder="from"
selection
v-model="from"
search
:allowAdditions="true"
text="email"
/>
<sui-dropdown
fluid
multiple
:options="toCollection"
placeholder="from"
selection
v-model="to"
search
:allowAdditions="true"
text="email"
/>
1-й выпадающий показывает правильные значения, потому что я передал данные из fromCollection, тогда как 2-й выпадающий не показывает никакого текста, потому что я передалданные из toCollection, которые имеют разные имена ключей.
Может ли кто-нибудь помочь мне передать данные динамическими ключами, такими как toCollection?
Я не смог найти ничего связанного в документации .Может кто-нибудь помочь?