“小程序JAVA实战”小程序视图之条件判断(15)

小程序里面也是有条件判断的,我相信大家在开发java如果和jstl c:如果c:什么时候。有人说在程序员眼里只有如果,可见重要性。一起了解下微信小程序额的条件判断吧。源码:https://github.com/limingios/wxProgram.git中号的8

小程序的条件判断

<李>

官方的阐述
在https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/conditional.html

<李>

演示条件判断
在因为天气:如果之中的模板也可能包含数据绑定,所以当天气:如果的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染。同时天气:如果也是惰性的,如果在初始渲染条件为false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。相比之下,隐藏就简单的多,组件始终会被渲染,只是简单的控制显示与隐藏。一般来说,天气:如果有更高的切换消耗而隐藏有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用隐藏更好,如果在运行时条件不大可能改变则wx:如果较好。

ifElse。wxml

 & lt; ! ifElse.wxml——比;
　　& lt;视图类=叭萜鳌北?
　　& lt;查看天气:如果=" {{age<18}}”在未成年& lt;/view>
　　& lt;查看天气:elif=" {{age>=18,, age<=30}}”在已成年& lt;/view>
　　& lt;查看天气:elif=" {{age> 30,和age<=50}}”在壮年,一起关注公众号:编程坑太多给我来点赞& lt;/view>
　　& lt;查看天气:else>已经老了& lt;/view>
　　
　　& lt;块wx:如果="{{假}}”在
　　& lt; view>这是一个块级元素& lt;/view>
　　& lt; view>本节是如果判断学习& lt;/view>
　　& lt;/block>
　　
　　& lt;视图隐藏={{真}}的祝辞
　　& lt; view>这是一个隐藏元素& lt;/view>
　　& lt; view>隐藏判断学习& lt;/view>
　　& lt;/view>
　　& lt;/view> 

ifElse。js

//ifElse.js//获取应用实例
　　const应用=getApp ()
　　
　　页面({
　　数据:{
　　年龄:34
　　}
　　})

隐藏真的很像咱们css里面的显示:没有元素是有的,只是屏幕不显示
天气:如果就类似咱们开发的JAVA的jstl标签里面的,如果直接元素就没有

PS:条件渲染也是很重要的,业务逻辑判断全靠它了。

“小程序JAVA实战”小程序视图之条件判断(15)