【小程序开发笔记】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
    

你可能感兴趣的