51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序之三元操作符

微信小程序互联网报道阅读(36)2019-09-05 收藏0次评论

微信小程序的api里面自带条件判断wx:if,基本能够满足我们的日常使用需求了,但有时候会发现比较繁琐,那么如果用三元操作符来写的话,相对来说会简洁很多,比如我要通过status状态来判断显示什么内容,那么如果用wx:if来写的话,代码如下:

<view wx:if="{{status==1}}">微信小程序</view>
<view wx:if="{{status==2}}">支付宝小程序</view>

js里面赋予status的值,那么当status等于1的是偶就显示微信小程序了,当status等于0的时候显示支付宝小程序,需要两段代码,那么如果使用三元操作符来操作的话就相对简单很多,如下:

<view >{{status==1?"微信小程序":"支付宝小程序"}}</view>

这段代码意思是,当status1的时候显示微信小程序,当status不等于1的时候显示支付宝小程序,其中status1是判断条件,当status等于1是成立的时候,就会显示微信小程序,可以这么理解:

<view >{{status==1?"微信小程序(true)":"支付宝小程序(false)"}}</view>

其实就是一个布尔值的操作

以上就是微信小程序之三元操作符的全部内容,请多关注【51DEV】IT技术开发者社区。