小程序动态改变文本内容

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

在本页面js中

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

  this.setData({testtrue:!isShow})
},

    原文作者:心动止于人海。
    原文地址: https://blog.csdn.net/a772116804/article/details/88536766
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞