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

微信小程序开发过程中,遇到这么一个情况:需要遍历对象的key-value,然后渲染到视图中。

1,数据如下:

const PUBLIC_COURSE_CHOICE_ITEMS = {
    math: {
        subject: '数学',
        children: [
            { id: 1, title: '数一' }, 
            { id: 2, title: '数二' }, 
            { id: 3, title: '数三' }, 
            { id: 0, title: '待定' }
        ]
    },
    english: {
        subject: '英语',
        children: [
            { id: 4, title: '英一' }, 
            { id: 5, title: '英二' }, 
            { id: 0, title: '待定' }
        ]
    },
    politics: {
        subject: '政治',
        children: [
            { id: 6, title: '政治' }
        ]
    }
};

2,设置wx:for的index为key,即指向对象的key,通过key-value的方式进行取值


    {{ item.subject }}
    
        
            
            {{ item.title }}
        
    

3,渲染效果

微信小程序(wx:for)遍历对象_第1张图片

你可能感兴趣的:(微信小程序javascript)