微信⼩程序之动态改变内容①⽂字改变②显⽰隐藏
动态改变内容①⽂字改变②显⽰隐藏
发音软件
①⽂字改变
先进⾏数据的简单绑定
数据绑定使⽤ Mustache 语法(双⼤括号)将变量包起来
<button bindtap='btnClick' > {{btnText}}</button>
在本页⾯对应js中
Page({attachment是什么意思
leader
data: {考研网站大全
btnText:"按钮内容"
}
魔术贴 英文
}),
btnClick:function(){siren
this.tData({ btnText: '这⾥是新内容'})
}
②显⽰隐藏
条件渲染
wx:if
在框架中,使⽤ wx:if=”{{condition}}” 来判断是否需要渲染该代码块(代码内容是否显⽰)
wx:el ⼀看就懂
例
<button bindtap='btnClick' >显⽰隐藏</button>
<view wx:if="{{testtrue}}">123</view>
工商管理学什么
<view wx:el>2333333333</view>
在本页⾯js中
Page({
data: {
testtrue:true
}
}),
btnClick:function(){
hepavar isShow = sttrue;
fragmented
this.tData({testtrue:!isShow})突破自我
},