WXML语法

作者: 月下小酌_dbd5 | 来源:发表于2022-02-24 18:00 被阅读0次

    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>
    
    

    相关文章

      网友评论

        本文标题:WXML语法

        本文链接:https://www.haomeiwen.com/subject/kjdhlrtx.html