微信小程序中wx:for、wx:for-items和wx:key如何正确搭配使用？

本文共计1335个文字，预计阅读时间需要6分钟。

前言：微信小程序的循环实现，通过wx:for与wx:for-items以及wx:key，那么他的主要使用特点是什么呢？

1wx:for的使用确实是对数组进行的，参考微信icon示例程序。

前言：

微信小程序的循环实现，通过wx:for 与 wx:for-items 与 wx:key,那么他的主要使用特点是什么呢？

1wx:for

从目前的例子看，wx:for 的使用确实是对数组来做的，参考微信icon示例程序。

示例里面都是对数组进行条件判断，比如iconsizejius就是一个典型的数组。

2wx:for-items 与wx:for-item

2.1wx:for-items

现在看wx:for-items， 和wx:for比，wx:for-items有什么不同呢？

笔者认为wx:for-items应该可以包容wx:for，而不是像有些朋友说，wx:for用于数组的单循环，而wx:for-items用于可嵌套的多级循环。

很显然，wx:for-items，在上面的例子里面用于数组，也同时用于外层的单循环。