程序员

WXML语法

2022-02-24  本文已影响0人  月下小酌_dbd5

1、数据绑定

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

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

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

true:boolean 类型的 true,代表真值。
false: boolean 类型的 false,代表假值。

<checkbox checked="{{false}}"> </checkbox]
//特别注意:不要直接写 checked="false",其计算结果是一个字符串,转成 boolean 类型后代表真值

4、三元运算符

<view hidden="{{flag ? true : false}}"> Hidden </view>

5、字符串运算

<view>{{"hello" + name}}</view>

6、wx:for

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

7、使用 wx:for-item 可以指定数组当前元素的变量名,

使用 wx:for-index 可以指定数组当前下标的变量名:

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

8、wx-if

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

上一篇下一篇

猜你喜欢

热点阅读