小程序动态改变文本

将要动态改变的文本放在双花括号里,随便设个按钮绑定点击事件

wxml:

<text>{{mse}}</text>
 <button bindtap="test">变!</button>

 js:

  data: {
    mse: '给我变!'
  },
  
 test: function(e) {
    this.setData({
      mse: '变啦'
    })
  },

 动态改变的文本也可以用data-XXX从点击事件中提取,如:

wxml:

   <text>{{mse}}</text>
 <button data-message="喵喵喵" bindtap="test">test</button>

 js:

  test: function(e) {
    var massage = e.currentTarget.dataset.message
    console.log(massage)
    this.setData({
      mse: massage
    })
  },

 

posted @ 2020-08-06 14:29  一语子  阅读(841)  评论(0)    收藏  举报