微信小程序开发 数据绑定

数据绑定

WXML中的动态数据均来自对应Page的data。

简单绑定

数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于：

内容

<view> {{ message }} </view>

Page({  data: {    message: 'Hello MINA!'  }})

组件属性(需要在双引号之内)

<view id="item-{{id}}"> </view>

Page({  data: {    id: 0  }})

控制属性(需要在双引号之内)

<view wx:if="{{condition}}"> </view>

Page({  data: {    condition: true  }})

关键字(需要在双引号之内)

true：boolean 类型的 true，代表真值。

false： boolean 类型的 false，代表假值。

<checkbox checked="{{false}}"> </checkbox>

特别注意：不要直接写 checked="false"，其计算结果是一个字符串，转成 boolean 类型后代表真值。