uni-app基于vue的写法，列表渲染，循环嵌套数组v-for，也可用于vue。循环嵌套循环的方法

最新推荐文章于 2024-09-25 10:34:40 发布

苦茶不爱喝茶

最新推荐文章于 2024-09-25 10:34:40 发布

阅读量4.9k

点赞数 1

文章标签： html css vue.js

本文链接：https://blog.csdn.net/qq_43608394/article/details/104938935

版权

本文介绍了如何在uni-app中使用基于Vue的写法进行列表渲染，特别是涉及到数组的循环嵌套。同时，这些方法也适用于普通的Vue项目。通过示例展示了如何实现循环嵌套循环来展示数据，帮助开发者更好地理解和应用此类技巧。

摘要由CSDN通过智能技术生成

页面html部分

<view class="shoping-sify" v-for="(item,index1) in shopList" :key="index1">
	<view class="shoping-sifytitle">{
  {item.liTitle}}</view>
	<view class="shoping-total">
	    <view class="shoping-navigator" v-for="(itemson,index2) in item.shopingList" :key="index2">
	    	<navigator class="hyperlinks" :url="itemson.navigator">
	    		<view class="shoping-image" :style="itemson.image"></view>
	    		<view class="shopingprice">{
  {itemson.utitle}}</view>
	    		<view class="shoping-parce">
	    			<text>￥{
  {itemson.price}}</text>
	    			<!-- <text>{
  {itemson.uicon}}</text> -->
	    			<image class="shopimgicon" :src="itemson.ic