Vue - как l oop через значения в массиве

Question

Есть ли способ использовать v-select для отображения значений массива? Мне нужно перечислить str значения этого массива:

myArr: [
            { key: 'one', str: '1st' },
            { key: 'two', str: '2nd' },
            { key: 'three', str: '3rd' },
            { key: 'four', str: '4th' }
]

в v-select, но не могу понять, как это сделать. Пока у меня это работает:

<v-select v-model="vCase.eligibility" :items="eligPeriods[0].str"></v-select>

Отображается «1-й» в v-select. Но мне нужны все значения для отображения.

Я пытался использовать шаблон:

<template v-slot:myArr="{item}">
        <v-select v-model="myVar.selectedVal" :items="item[str]"></v-select>
</template>

, но тогда он даже не отображается на странице.

Любая помощь или совет?

Answer 1

Поскольку у вас есть ассоциативный массив в качестве элементов, вам нужно будет сделать что-то вроде этого

<v-select :options="myArr" :reduce="item => item.key" label="item.str" />

Подробнее об этом можно прочитать здесь