uni-app中v-for如何实现两重或多重循环？

分类：uni-app

微信小程序中实现两重循环是：

<view wx:for="{{myPro}}" wx:key>  

<view wx:for="{{item.imgList}}" wx:for-item="imgList" wx:key="{{index}}>  
</view>  

</view>

uni-app中该如何实现？

2019-05-23 11:04 负责人:无分享

4 个回复

香蕉不是笨啦啦 - 哈哈哈

角度清奇，明明数据格式的问题，非得扯v-for

2***@qq.com - 爱生活

1***@qq.com

我的imgList 是JSON数组，可是遍历的是字符串，没有识别为json数组

2019-05-23 11:59
2***@qq.com

回复 1***@qq.com:可以把你的mypro数据结构复制出来看下吗?

2019-05-23 12:37

1***@qq.com

    <view class="cu-timeline" v-for="(item,index) in data" :key="index">  

        <view class="cu-time">{{item.createTime | formatTime}}</view>  

        <view class="cu-item">  

            <view class="text-content">  

                {{item.content}}  

            </view>  

            <view>{{item.picList}}</view>  

            <block v-for="(url,index1) in item.picList" :key="index1">  

                <!-- <view v-for="(url,index1) in item.picList" :key="index1"> -->  

                {{url}}  

                <!--     </view> -->a  

            </block>  

        </view>  

    </view>

2019-05-23 14:11

1***@qq.com

["http:\/\/oss.gxrcpt.com\/circle\/20190415\/01372274d1bfe1e9f9f80f7cb21c55c4.png","http:\/\/oss.gxrcpt.com\/circle\/20190415\/a018ca00cfc13b0789ce01b1d1e7d772.png","http:\/\/oss.gxrcpt.com\/circle\/20190415\/465110dd705ec5e0333e5e09749ea736.png","http:\/\/oss.gxrcpt.com\/circle\/20190415\/d9d01c9e5b7ed217dd8e16bd150d33fd.png"]

2019-05-23 14:12