微信小程序-点击事件、text标签赋值

点击事件

• 设置（bindtap）和监听

<button class="key" bindtap="keyClick" data-value="1">1</button>
1

Page({
  keyClick: function (e) {
    const value = e.currentTarget.dataset.value;
  },
})
1
2
3
4
5

text标签赋值

在微信小程序中，要给指定的<text>标签设置值，可以通过以下步骤实现：

• 获取<text>标签的ID：首先确保你的<text>标签具有唯一的ID属性。

<text id="myText">默认文本</text>
1

• 设置<text>标签的值：在微信小程序中，不能直接修改<text>标签的文本内容。你需要使用数据绑定的方式来实现。首先，在Page的data对象中定义一个变量，例如myTextValue。

Page({
  data: {
    myTextValue: '默认文本',
  },
  // ...
});

1
2
3
4
5
6
7

• 然后，在<text>标签中使用{{}}将变量绑定到<text>标签的文本内容。

<text>{{myTextValue}}</text>
1

• 修改<text>标签的值：在需要修改<text>标签的文本内容时，只需修改data对象中的myTextValue变量即可。

this.setData({
    myTextValue: '新的文本内容',
});

//点击事件中动态修改

keyClick: function (e) {
    const value = e.currentTarget.dataset.value;
    this.setData({
      input: this.data.myTextValue + value
    });
}
1
2
3
4
5
6
7
8
9
10
11
12