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

动态改变内容①文字改变②显示隐藏
①文字改变
先进行数据的简单绑定
数据绑定使用 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}}">123view>
<view wx:else>2333333333view>

在本页面js中

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！