出入小程序的坑——-条件渲染

最近用小程序写音乐播放的页面，遇到条件渲染的问题

想要实现：通过点击改变“is_sub”的值切换状态

<view class='dingy' catchtap='getcolor'>

<view wx:if="{{is_sub == 0}}">

<image src='./subscribe_white.png'></image>

<view>订阅</view>

</view>

<view wx:else>

<image src='./subscribe_content6.png'></image>

<view>已订阅</view>

</view>

</view>

 

一开始点击事件使用：

this.data.is_sub == '0' ? this.data.is_sub = '1' : this.data.is_sub = '0'；

结果打印is_sub是0和1切换，但是页面不变。后来发现不能这样做，改使用最原始的判断

if (this.data.is_sub == '0'){

this.setData({

is_sub:'1'

})

} else {

this.setData({

is_sub: '0'

})

}

实现效果