微信小程序 —— 動態決定頁面元素顯示或隱藏的技巧

在微信小程序開發中，常常遇到一些由後臺控制顯示（is_open : 1）或者隱藏（is_open : 0），有倆種辦法：

• 複雜辦法

  • 1.先在元素的class中 class=’{{show?’true’:’hidden’}}’
  • 2.再在相對應的js中配置show的值，例 data: {show:1,}
  • 3.最後在相對應的css中定義
  • .hidden{display:none;}

---

• 簡單辦法
• 直接在元素中加入wx:if=」{{is_open !=」}}」代碼，後臺傳到前端的is_open爲1時，元素就顯示；爲0時就不顯示，如：

  <button wx:if="{{show !=''}}" class="free-contactButton" open-type='contact'>
      <view class="iconfont icon-duihuaxinxi"></view>
  </button>