当前位置: 首页 > Web前端 > JavaScript

微信小程序(wx-for)遍历对象

时间:2023-03-26 23:22:54 JavaScript

在开发微信小程序的过程中,我们遇到过这样一种情况:我们需要遍历对象的key-value,然后渲染到视图中。1、数据如下:constPUBLIC_COURSE_CHOICE_ITEMS={math:{subject:'数学',children:[{id:1,title:'一号'},{id:2,title:'二号'},{id:3,title:'三号'},{id:0,title:'待定'}]},english:{subject:'英语',children:[{id:4,title:'英语one'},{id:5,title:'Engji'},{id:0,title:'Pending'}]},politics:{subject:'Politics',children:[{id:6,title:'政治'}]}};2。设置wx:for的索引为key,即指向对象的key,通过key-value的方式获取value{{item.subject}}<viewclass="public-course-child"wx:for="{{item.children}}"wx:key="publicCourseChild"data-key="{{courseIndex}}"data-subject="{{key}}"data-id="{{item.id}}"catchtap="onChoicePublicSubjectHandle">{{item.title}}3,渲染效果