微信小程序> 小程序-if判断语句/条件判断语句简析/显示隐藏判断

小程序-if判断语句/条件判断语句简析/显示隐藏判断

浏览量:6231 时间: 来源:kzrl


小程序的条件判断语句格式为:

wx:if="{{xxx}}" -------------if(){} 

  wx:elif="{{xxx}}" ------else if

 wx:else="{{xxx}}"  ------else]

同时如果通过true/false判断某元素是否显示或者隐藏,同样用wx:if=“{{xxx}}”来判断,xxx为true则显示反之整个元素不创建

例子如下:

wxjs:

1234567data: {    iftrue:true,   ifnumber:50   }

wxml:

1234567891011view!--数据判断wx:if-wx:if-elif-wx:if-elsewx:for--text  wx:if="{{iftrue}}"wx:if="{{iftrue}}"格式为true则显示false不显示类似ng-if/text/view  viewtext wx:if="{{ifnumber80}}"wx:if='xx80'判断显示/texttext wx:elif="{{ifnumber40}}"wx:elif="40-80"判断显示/texttext wx:elsewx:else='小于40'判断显示 /text/view

  页面显示结果如下:

小程序

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎