微信小程序——多层列表嵌套（遍历多层数组）

最新推荐文章于 2022-04-19 21:15:16 发布

原创

最新推荐文章于 2022-04-19 21:15:16 发布 · 1w 阅读

40 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了微信小程序中处理多层列表嵌套渲染的问题，详细讲解了一层和二层循环的实现方法，包括WXML代码示例，以及如何在遍历多层数组时使用index和item。

前言

我在写小程序的时候，出现一个问题，就是多层列表的嵌套渲染，其中包括wx:for以及wx:key的使用，借此总结下来，一是给自己总结问题，二是希望阔以帮助到大家…

一层循环

JSON代码

{
	channel: [
		{
			id: 1005000,
			name: "居家",
			url: "/pages/category/category?id=1005000",
			icon_url: "https://yanxuan.nosdn.127.net/4f00675caefd0d4177892ad18bfc2df6.png",
			sort_order: 1
		},
		{
			id: 1005001,
			name: "餐厨",
			url: "/pages/category/category?id=1005001",
			icon_url: "https://yanxuan.nosdn.127.net/4aab4598017b5749e3b63309d25e9f6b.png",
			sort_order: 2
		},
		{
			id: 1005002,
			name: "服装",
			url: "/pages/category/category?id=1005002",
			icon_url: "https://yanxuan.nosdn.127.net/93168242df456b5f7bf3c89653b3db76.png",
			sort_order: 4
		},
		{
			id: 1008000,
			name: "配件",
			url: "/pages/category/category?id=1008000",
			icon_url: "https://yanxuan.nosdn.127.net/288b0e864a24763bade8e22c0c39ff02.png",
			sort_order: 3
		},
		{
			id: 1019000,
			name: "志趣",
			url

最低0.47元/天解锁文章