微信小程序之动态改变内容①文字改变②显示隐藏

动态改变内容①文字改变②显示隐藏

①文字改变

先进行数据的简单绑定

数据绑定使用 Mustache 语法（双大括号）将变量包起来

<button bindtap='btnClick' > {{btnText}}</button>

在本页面对应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:else>2333333333</view>

在本页面js中

Page({data: {testtrue:true }})，btnClick:function(){var isShow = this.data.testtrue;this.setData({testtrue:!isShow})},