微信小程序 --- if/else條件渲染

if 條件渲染：當為真的時候顯示，當為假的時候隱藏；

else 條件渲染：當為真的時候隱藏，當為假的時候顯示；

<view wx:if="{{true}}">{{text}}</view>
<view wx:else="{{false}}">{{text}}</view>

可以這樣玩：

<button bindtap="btnclick">{{text}}</button>
<view wx:if="{{onOff}}">{{text}}</view>
<view wx:else="{{onOff}}">{{text}}</view>

page.js

//獲取應用實例
const app = getApp()
Page({
  data: {
    text: "點擊",
    message:"不錯的孩子！",
    onOff: false
  },
  btnclick:function(){ 
      var onOff = this.data.onOff;
      this.setData({text:"hello",onOff:!onOff});
  }
})