Arrays Vue-如何循环数组中的值

Arrays Vue-如何循环数组中的值,arrays,vue.js,v-select,Arrays,Vue.js,V Select,有没有办法使用v-select来显示数组的值?我需要列出此数组的str值: myArr: [ { key: 'one', str: '1st' }, { key: 'two', str: '2nd' }, { key: 'three', str: '3rd' }, { key: 'four', str: '4th' } ] 在v中选择,但不知道如何操作。到目前为止,我已经做到了: <v-sel

有没有办法使用
v-select
来显示数组的值?我需要列出此数组的
str
值:

myArr: [
            { key: 'one', str: '1st' },
            { key: 'two', str: '2nd' },
            { key: 'three', str: '3rd' },
            { key: 'four', str: '4th' }
]
v中选择
,但不知道如何操作。到目前为止,我已经做到了:

<v-select v-model="vCase.eligibility" :items="eligPeriods[0].str"></v-select>
但它甚至不会在页面上呈现


有什么帮助或建议吗?

因为您有一个关联数组作为项目,所以您需要这样做

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

你可以阅读更多关于它的内容

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