学习微信小程序 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 </v

全部评论 (0)

还没有任何评论哟~