学习微信小程序—那些你必须掌握的WXML知识

数据绑定

1.使用双大括号 { {}} 将变量包起来

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

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

2.获取对象的值，通过下标获取数组的值
3.可以做运算，比如判断，四则运算等
4.使用js传过来的值必须使用花括号

条件渲染

wx:if
通过wx:if="{ {condition}}"来判断是否需要渲染该代码块：

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

也可以用wx:elif和wx:else来添加一个else块：

<view wx:if="{
  {length > 5}}"> 1 </view>
<view wx:elif="{
  {length > 2}}"> 2 </view>
<view wx:else> 3 </view>

block wx:if
一次判断多个组件标签

<block wx:if="{
  {true}}">
  <view> view1 </view>
  <view> view2 </view>