uni-app v-for 循环(双重循环)

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 17:32   3283   0
<template>
 <view>
  <view v-for="stuObj in student"> 学生姓名: {{stuObj.name}},学生年龄:{{stuObj.age}}</view>
  <view> 
   学生技能:
   <view v-for = "sk in stuObj.skill">
    {{sk}},
   </view> 
  </view>
 </view>
</template>

<script>
 export defalut{
  data(){
   return{
    studentArray:[
     {
      name: jack,
      age:18,
      skill: ["java","css","rap"]
     },
     {
      name: rose
      age:18,
      skill: ["java","dance","rap"]
     },
     {
      name: Dereak
      age:18,
      skill: ["baseball","css","rap"]
     },
     {
      name: Demone
      age:18,
      skill: ["java","rap"]
     }
    ]
   }
  }
 }
</script>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP