天天看點

v-for周遊 Map 的 value 中存放的是一個 List

下列代碼展現的是一種比較複雜的情況,在 Map 的 value 中存放的是一個 List

<view>
		<uni-collapse v-for="(item,index) in dataList" :key="index">
			<uni-collapse-item :show-animation="true" :open="true" :title="item.name">
				<view style="padding: 30upx;">
					<view class="" v-for="(i,t) in item.classList" :key="t">
						<view class="">
							{{i.name}}<text class="">{{i.desc}}</text>
						</view>
						<view class=" " v-for="(m,n) in i.goodsList" :key="n">
							<view class="">
								{{m.name}} <text class="">{{m.desc}}</text>
							</view>
							
						</view>
					</view>
				</view>
			</uni-collapse-item>
		</uni-collapse>
	</view>
           

簡單的來說,就是這樣:

<view v-for="(value, key) in list" :key="key">

	<view v-for="v in value" :key="v.id">
		<text>{{v.name}}</text>
	</view>
</view>