Я пытаюсь отобразить раскрывающийся список выбора с помощью vs-select, параметры взяты из API. Вот мой сценарий. Я сделал все свои компоненты динамическими, у меня есть 3 карточки на главной странице, если я щелкну любую из карточек, отобразится соответствующее содержимое.
Вот ответ, который я получаю от конечной точки /my-project
:
[
{
"uid": 1,
"choice": "project_title1|project_title2|project_title3",
"age": "35",
"country": "india"
},
{
"uid": 2,
"choice": "project_title2",
"age": "25",
"country": "australia"
}
...
]
Вот мой код:
<span v-if="out.choice">
<template v-for="(val, e) in Myfilter(out.choice)">
<vs-select v-model="check" :key="e" :options="[{label: val}]" />
</template>
</span>
<div v-if="out.choice === 'project_title1'">
--show contents1--
</div>
<div v-if="out.choice === 'project_title2'">
--show contents2--
</div>
check: null,
out: null
// ...
methods: {
Myfilter (val){
return val.replaceAll('_', ' ').split('|')
},
SelectVue (id) {
this.$http.get(`/my-project/${id}`)
.then((res) => {this.out= res.data})
}
},
mounted (){
this.SelectVue (this.$route.params.uid)
}
Если пользователь щелкнет 2-ю карточку, он получит подробную информацию о uid=2
, т.е. в vue-select он получит вариант как project title2
. Если пользователь щелкнет 1-ю карточку, он получит подробную информацию о uid = 1, тогда отобразятся три vue-select, как показано на изображении:
Скорее мне нужен один vue-select и три разных варианта в нем:
Вот мой вопрос: как мне использовать один vue-select для данных, поступающих из API, а затем отображать для него разные параметры.
v-select
? ихvs-select
в vuesax это что это? если да, то обновите свой код? - person ashwin bande   schedule 21.01.2021v-for
, как вы это делаете, вы создадите 3 выбранных элемента. Поскольку вы используете одинаковыеv-model
в каждом из них, они будут иметь одинаковое содержимое, и когда вы меняете одно, вы меняете их все. Если вам нужен только 1 элемент, не используйтеv-for
. Если вы хотите более одного, но с разнымиv-model
, изменитеv-model
в зависимости от текущей итерации. Из того, что я прочитал, вам нужен только 1 элемент. Объясните подробнее, что вы хотите видеть в этом элементе. - person tao   schedule 21.01.2021