微信小程序> 小程序动态改变文本内容

小程序动态改变文本内容

浏览量:3150 时间: 来源:loverxy丶Du

动态改变内容①文字改变②显示隐藏 
①文字改变 
先进行数据的简单绑定 
数据绑定使用 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})
},

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎