在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ VUE怎樣同時(shí)循環(huán)兩個(gè)數(shù)組呢？

VUE怎樣同時(shí)循環(huán)兩個(gè)數(shù)組呢？

現(xiàn)在只能顯示子組件的name 我想把父組件的arr2數(shù)組的數(shù)據(jù)也同時(shí)循環(huán)出來 放到name后面 就是zhangsan對(duì)應(yīng)43 lisi對(duì)應(yīng)55這樣 這個(gè)應(yīng)該怎樣才能讓這兩個(gè)數(shù)組同時(shí)循環(huán)出來呢？這個(gè)父子組件結(jié)構(gòu)不能改變 謝謝

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script src="vue.js"></script>
   <script type="text/javascript">
      window.onload=function(){
         var contents={
             template:'#contents',
             props:['age'],
             data(){
                  return {
                     arr:[
                        {name:'zhangsan'},
                        {name:'lisi'},
                        {name:'wangwu'},
                     ]
                  }
             },
         }
         new Vue({
               el:'#div1',
               data:{
                arr2:[43,55,20],
               },
               components:{
                  'contents':contents
               },
               
         })
      }
   </script>
</head>
<body>
<template id="contents">
   <div>
        <ul>
          <li v-for="(item,index) in arr">{{item.name}}{{把a(bǔ)rr2的數(shù)據(jù)放到這里 可以做到嗎}}</li>
        </ul>
   </div>
</template>

<div id="div1">
    <contents :age="arr2"></contents>
</div>
</body>
</html>
回答
編輯回答
互擼娃
      <li v-for="(item,index) in arr">{{item.name}}{{age[index]}}</li>
2018年4月18日 17:50