WXML 如何绑定数据

  • 企业开发中大部分数据不是直接写死在界面中的，而是在程序运行的过程中动态从服务器获取的
  • 将可变化的数据动态渲染到界面上，我们称之为绑定数据
  • 在小程序中，所有需要动态绑定数据的地方，都需要使用 Mustache 语法 {{ 需要绑定的数据 }}

在微信小程序当中，绑定数据分以下几种：

展示数据：

微信小程序-WXML数据绑定_逻辑判断

  • 绑定类名

微信小程序-WXML数据绑定_数据_02

Mustache 除了支持直接绑定，还支持一些简单表达式：

  • 三目运算
  • +、-、*、/
  • 逻辑判断

微信小程序-WXML数据绑定_逻辑判断_03

  • ...

更多内容自行查阅官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/