对选定索引的Vue V-for

Question

我想知道如何在多维数组上选择索引，因为当我使用这段代码时，它不工作。

<div v-for="button in pull.button_response[key]">
<p>test</p>
</div>

谢谢

Answer 1

Try this:

//===== just to remove warnings
Vue.config.productionTip = false;
Vue.config.devtools = false
//==============================
new Vue({
el: "#app",
data: {
pull: {
button_response: {
a: [
1, 2, 3, 4, 5
],
b: [
6, 7, 8, 9, 10
]
}
},
key: ['a', 'b']
},
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<template>
<div>
<select v-model="key">
<option value="a">a</option>
<option value="b">b</option>
</select>
<br/>
<div v-for="button in pull.button_response[key]">
<p>{{button}}</p>
</div>
</div>
</template>
</div>

Answer 2

可以像枚举一样使用索引和对象，所以

<div v-for="(index, button) in pull" :key="index">
<p>test {{ button[index] }}</p>
</div>