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

在微信小程序開發中，經常遇到一些由后台控制顯示（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>