动态改变内容①文字改变②显示隐藏
①文字改变
先进行数据的简单绑定
数据绑定使用 Mustache 语法(双大括号)将变量包起来
button bindtap='btnClick' {{btnText}}/button
1
在本页面对应js中
Page({
data: {
btnText:"按钮内容"
}
}),
btnClick:function(){
this.setData({ btnText: '这里是新内容'})
}
②显示隐藏
条件渲染
wx:if
在框架中,使用 wx:if=”{{condition}}” 来判断是否需要渲染该代码块(代码内容是否显示)
wx:else 一看就懂
例
button bindtap='btnClick' 显示隐藏/button
view wx:if="{{testtrue}}"123/view
view wx:else2333333333/view
在本页面js中
Page({
data: {
testtrue:true
}
}),
btnClick:function(){
var isShow = this.data.testtrue;
this.setData({testtrue:!isShow})
},













