微信小程序如何根据按钮的状态实现显示和隐藏

Question

怎么让按钮为false的时候也渲染

Answer 1

wx:hidden

Answer 2

// js
Page({
    data: {
        visible: false
    },
    onTap () {
        this.setData({
            visible: !this.data.visible
        })
    }
})

// wxml
<button wx:if="{{visible}}" bindtap="onTap">Hide</button>
<button wx:else bindtap="onTap">Display</button>
<view wx:if="{{visible}}">Hello world</view>

Answer 3

wx:else 不用再写判断条件了...