养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

微信小程序判断if语句怎么用

时间:2024-10-19 05:18:17

在开发的时候,很多情况用到IF语句,介绍一下微信小程序模板里的IF语句怎么用。

微信小程序判断if语句怎么用

工具/原料

微信WEB开发工具

微信开发者账号

方法/步骤

1、首先这个if语甜入艺阝句是写在wxml里面的,根据条件来判断来渲染。例如下面这个<viewwx:if="{{length>惺绅寨瞀5}}">1</view>如果length大于5就显示这个<view>

微信小程序判断if语句怎么用

2、我们把length设置为10,来运行一下,可以看到以下结果。反之小于5不显示。

微信小程序判断if语句怎么用

3、如果一个if满足不了我们的要求,我们再来第二个<viewwx:elif="{{length>2}}">2</view>如果lengthd大于2那么久显示这个<view>

微信小程序判断if语句怎么用

4、我们设定length=3来运行一下,结果显示2,wx:elif我们可以根据情况写多个。

微信小程序判断if语句怎么用

5、如果以上条件都有不符合,那我后面加一个<viewwx:else>3</view>语句,意思是如果length没有大于2的,也没有大于5的,那么就实现这个<view>

微信小程序判断if语句怎么用

6、贴一下代码屡阽咆忌片段<viewwx:if="{{length>5}}"style="font-siz髫潋啜缅e:1.6em;margin-left:200px;">1</view><viewwx:elif="{{length>2}}"style="font-size:1.6em;margin-left:200px;">2</view><viewwx:elsestyle="font-size:1.6em;margin-left:200px;">3</view>

微信小程序判断if语句怎么用

© 一点知识