微信小程序按钮隐藏显示view

使用按钮对view进行显示和隐藏

---

一、wxml

<view class="one" hidden="{{one_hidden}}">
页面1
</view>
<view class="two" hidden="{{two_hidden}}">
页面2
</view>
<button class="one_btno" bindtap="onehiden">显示</button>

二、js

data: {
    one_hidden: false,
    two_hidden: true,
  },
onehiden: function () {
    this.setData({
      one_hidden: this.data.one_hidden = true,
      two_hidden: this.data.two_hidden = false,
    })
  },

总结

使用hidden对view显示和隐藏