v-for循环中嵌套数组

悠悠 2022-12-08 01:51 244阅读 0赞

用来写循环卡片中的标签
在这里插入图片描述

  1. <view class="stray-dog con" v-for="(item, index) in strayDogList" @click="goPage(item.url)">
  2.     <view class="strayDogImg">
  3.         <image :src="item.image" mode="aspectFill"></image>
  4.     </view>
  5.     <view class="strayDogIntroduce">
  6.         <!-- 名字 -->
  7.         <view class="strayDogName">{ { item.name}}</view>
  8.         <!-- 基本情况 -->
  9.         <text class="introduceText">{ { item.text}}</text>
  10.         <!-- 标签 -->
  11.         <view class="strayDogLable">
  12.             <view class="dogLable" v-for="itemTags in item.tags" :key ="itemTags">{ { itemTags}}</view>
  13.         </view>
  14.     </view>
  15. </view>
  17. strayDogList循环中的数据
  19. { 
  20.     image:'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3206107408,69292545&fm=26&gp=0.jpg',
  21.     name:'丁丁，1个月',
  22.     text:'地铁口捡到的，打过疫苗，已经跟了自己一段时间，一直未找到主人，希望有爱心人士领养',
  23.     tags:['已免疫','未驱虫','未绝育']
  24. },

发表评论

表情：
评论列表 （有 0 条评论，244人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Java循环中断、循环嵌套

    循环中断 1.break 直接强行跳出当前循环，不再执行剩余代码。（作用于整个循环） ps：在多重循环情况下，如果break在内层循环中，则仅仅终止了内层循环，外

    亦凉亦凉/ 0 赞/ 166 阅读

    相关 循环嵌套

    循环嵌套 概述： 一个循环的循环体是另一个循环的循环语句就是嵌套循环。所以在学习和使用嵌套循环的时候就使用单个循环语句的知识点去使用它。 比如： for

    女爷i女爷i/ 0 赞/ 263 阅读

    相关 循环嵌套

    一个循环体内又包含另一个完整的循环结构，称之为循环的嵌套。内嵌的循环中还可以嵌套循环，这就是多层循环。不管在什么语言中，关于循环嵌套的概念都是一样的。例如在电影院找座位号，需要

    系统管理员系统管理员/ 0 赞/ 356 阅读