微信小程序 if else

 

 

//index.xml

 

//微信是封裝過if語句的，你只要在index.js中設置好值，然后就可以直接想這樣拿來判斷了，還有這是class=“view”效果放在判斷語句中是沒有效果的
<view class="page">
<view class="view" >
<view wx:if="{{you}}">true</view>
<view wx:else>false</view>
</view>
//三目運算，你可以比較一下這倆，上邊判斷true和false的方法，自己認為哪個簡單用哪個
<view class="view" >
<block wx:if="{{you?true:false}}">
<view>aa</view>
<view>bb</view>
</block>
<view>---------------------------</view>
//其實挺簡單的這樣，相對於java和C++來說，這里直接寫判斷的數據就OK了
<view class="view">
<view  wx:if="{{diao>20}}">你很棒</view>
<view wx:elif="{{diao==15}}">還算是個中國人</view>
<view wx:else>只能去日本了</view>
</view>
<view>---------------------------</view>
//如果你一個判斷條件下有好幾個view就用block標簽，他算是個萬能標簽，什么屬性都可以往里寫，所以遇到復雜的視圖時記得用它。
<view class="view" >
<block view class="view" wx:if="{{you}}">
<view>你</view>
<view>很</view>
<view>叼</view>
</block>
<block wx:else>
<view>你</view>
<view>很</view>
<view>菜</view>
</block>
</view>

</view>
</view>

 

 

//index.js

 

var param={ data:{ you:true, diao:18, } } Page(param);


//index.wxss

.view{ width: 100px; height: 50px; background-color: green; color: white; padding: 20px; margin-top: 10px }