代码演示在微信小程序中的数据绑定思想,wx:if/wx:elif/wx:else,改变数据的方法this.setData({})使用,最终的结果是,让页面的显示随之按钮的点击实现循环的切换
<!--wxm-->
<view class='num'> {{count}} </view>
<view class='txt'wx:if="{{show=='part01'}}">hello wechar</view>
<view class='txt' wx:elif="{{show=='part02'}}">hello world</view>
<view class='txt' wx:else="{{show=='part03'}}">good morning</view>
<button bindtap="add">点击我</button>
//index.js
Page({
data: {
count:0,
arr:['part01','part02','part03'],
show:'part01'
},
//事件处理函数
add:function(){
this.setData({
count:this.data.count+1,
show:this.data.arr[this.data.count%3]
})
}
})