手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序(wx:for)如何遍历对象

时间:2024-10-12 07:00:37

1、使用时和平常的wx:for使用并没有区别,只是要添加wx:for-index和 wx:for-item两个属性,具体代码如下图

微信小程序(wx:for)如何遍历对象

2、当我们用wx:for遍历对象时,wx:for-index会得到对象的key;wx:for-item会得到对象的value;我们可以用它们来显示。

微信小程序(wx:for)如何遍历对象

3、添加点击事件也是可以的,需要添加bindtap属性,并且如果需要添加参数则需要使用data属性,如下图

微信小程序(wx:for)如何遍历对象

4、好了,就讲到这里吧,希望对大家有所帮助。

© 手抄报圈