<div v- for = "item in items": key = "item.id": value = 'item.value': label = "item.label"> <div> {{item.name}} </div> </div> <script> elementos: [ {id: 1, nombre: "可乐" }, {id: 2, nombre: "雪碧" }, {id: 3, nombre: "橙子" }, ] </ script >
<div v-for = "item in items": key = "item.id": value = 'item.value': label = "item.label"> <div> {{item.name}} </div> <div v-for = "arry en item.itemse": key = "arry.id": value = 'item.value': label = "item.label"> <div> {{arry.text}} </ div> </div> </div> <script> elementos: [ { id: 1, nombre: "可乐", itemse: [{id: 4, texto: "冷冻 可乐"}, {id: 5, texto: "香草 可乐"}] }, { id: 2, nombre: "雪碧", itemse: [{id: 6,texto: "Sprite congelado"}, {id: 7, texto: "Sprite de lima"}] }, { id: 3, nombre: "Naranja", itemse: [{id: 8, texto: "Naranja congelada"}, {id: 9, texto: "Naranja fresca"}] } ] </ script>