最近用小程序写音乐播放的页面,遇到条件渲染的问题
想要实现:通过点击改变“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'
})
}
实现效果
posted on 2018-04-17 14:28  wxx17513  阅读(243)  评论(0编辑  收藏  举报