uniapp的列表渲染v-for 与正确写法,循环二维数组
列表渲染
-
循环一维数组
<!-- 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. 循环二维数组 --> <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>
-
循环对象
<view v-for="(item,index) in obj" :key="index"> {{index}}-{{item}} </view>
-
官方推荐写法
<block v-for="(item,index) in array1" :key="index"> <view> {{index+1}}.{{item}} </view> </block>