【小程序开发笔记】WXML入门

一. 列表渲染
在组件里使用 wx:for控制属性绑定一个数组
默认数组的当前下标变量名默认为index,数组当前项内容为item

JS：

    data: {
        "array":[{"msg":"11"},{"msg":"22"},{"msg":"33"}]
    },

前端：

    {{index}} \t  
    {{item.msg}}

可以使用 wx:for-item="xxx" 和 wx:for-index="xxx" 用来修改循环的变量名

    {{idx}} \t  
    {{it.msg}}

二. 条件渲染

1. 使用 wx:if="{{condition}}" 控制是否渲染

    1
    2
    3

2. 使用block 控制多个组件

   
   1
   2
   3