Vue V-para matriz de bucle anidado

<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>

 

Supongo que te gusta

Origin www.cnblogs.com/gxywb/p/12683361.html
Recomendado
Clasificación