uniapp中v-for嵌套问题

uniapp的v-for嵌套使用技巧

最新推荐文章于 2024-11-27 18:00:00 发布

原创最新推荐文章于 2024-11-27 18:00:00 发布 · 3.6k 阅读

4 ·

CC 4.0 BY-SA版权

本文探讨了在uniapp开发过程中遇到的v-for嵌套问题，讲解如何处理接口返回的数据，并进行循环获取img_url图片的方法，帮助开发者解决在实际项目中遇到的挑战。

部署运行你感兴趣的模型镜像

<view class="dynList" v-for="(item,index) in trendList" :key="item.id">
	<view class="top">
		<view class="left">
			<view class="toux"><image :src="item.member_avatar"></image></view>
			<view class="name">{{item.member_nickname}}<text>{{item.create_time}}</text></view>
		</view>
	</view>
	<view class="text">{{item.content}}</view>
	<view class="big" v-for="(img,i) in item.img_url" :key="i"> 第二层循环
		<image :src="img"></image>
	</view>
	<view class="footer">
		<view class="zuo"><image src="../../static/image/xie.png"></image>{{item.read_num}}</view>
		<view><image src="../../static/image/zan.png"></image>{{item.praise}}</view>
	</view>
</view>