当前位置: 首页 > article >正文

uniapp的列表渲染v-for 与正确写法,循环二维数组

列表渲染

  1. 循环一维数组

    		<!-- 1. 循环一维数组 -->
    		<view v-for="(item,index) in array1" :key="index">
    			{{index+1}}.{{item}}
    		</view>
    		<view v-for="(item,index) in array2" :key="index">
    			{{index+1}}-{{item.id}}-{{item.name}}--{{item.nameid}}
    		</view>
    
  2. 循环二维数组

    		<!-- 2. 循环二维数组 -->
    		<view v-for="(item,index) in array3" :key="index">
    			{{index+1}}-{{item.id}}-{{item.name}}
    			 <view v-for="(list,li) in item.list" :key="li">
    			 	{{li+1}}.{{list}}
    			 </view>
    		</view>
    
  3. 循环对象

    		<view v-for="(item,index) in obj" :key="index">
    			{{index}}-{{item}}
    		</view>
    
  4. 官方推荐写法

    		<block v-for="(item,index) in array1" :key="index">
    			<view>
    				{{index+1}}.{{item}}
    			</view>
    		</block>
    


http://www.kler.cn/a/408441.html

相关文章:

  • RabbitMQ实现异步下单与退单
  • 表格数据处理中大语言模型的微调优化策略研究
  • LWE详细介绍
  • 赛氪媒体支持“2024科普中国青年之星创作交流活动”医学专场落幕
  • Windows VScode+Latex环境
  • STM32完全学习——系统时钟设置
  • 开源网络安全检测工具——伏羲 Fuxi-Scanner
  • 机器学习入门-Scikit-learn
  • 46.坑王驾到第十期:vscode 无法使用 tsc 命令
  • 04 - 尚硅谷 - MQTT 客户端编程
  • 一加ACE 3 Pro手机无法连接电脑传输文件问题
  • Window11+annie 视频下载器安装
  • Sketch在线版不存在?即时设计来填补空白
  • Flink【基于时间的双流联结 Demo】
  • 时序预测 | Matlab实现PSO-Elman粒子群优化递归神经网络时间序列预测
  • raw文件如何打开
  • shell编程之sed
  • 探索 Python 任务自动化的新境界:Invoke 库揭秘
  • 如何用Python统计Excel文件中的特定字段数量
  • 【Java系列】随机生成大小写混合的卡密
  • 大数取模 详解
  • Redis除了做缓存,还能做什么???
  • 密码系统设计实验3-2
  • SQLite 管理工具 SQLiteStudio 3.4.5 发布
  • C语言中的指针和字符串的赋值
  • 3.13MayBeSomeJava that are BUTTON and listener