Matriz de loop aninhado Vue V-for

<div v- para = "item nos itens": key = "item.id": valor = 'item.valor': label = "item.label"> 

   <div> {{item.name}} </div> 

</div> 

<script> 

itens: [ 

    {id: 1, nome: "可乐" }, 

    {id: 2, nome: "雪碧" }, 

    {id: 3, nome: "橙子" }, 

]

 </ script >
<div v-for = "item nos itens": key = "item.id": valor = 'item.value': label = "item.label"> 

   <div> {{item.name}} </div> 

     <div v-for = "arry no item.itemse": chave = "arry.id": valor = 'item.value': label = "item.label">   

        <div> {{arry.text}} </ div> 

      </div> 

</div> 

<script> 

itens: [ 

  { 

                id: 1, 

                nome: "可乐", 

                itemse: [{id: 4, texto: "冷冻 可乐"}, {id: 5, texto: "香草 可乐"}] 

   }, 

   { 

               id: 2, 

               nome: "雪碧", 

               itemse: [{id: 6,texto: "Sprite congelado"}, {id: 7, texto: "Sprite de limão"}] 

  }, 

  { 

                 id: 3,

                 nome: "Laranja", 

                 itemse: [{id: 8, texto: "Laranja Congelada"}, {id: 9, texto: "Laranja Fresca"}] 

   } 

] 

</ script>

 

Acho que você gosta

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