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

喂_balabala2024-06-22 22:24

点击事件

设置（bindtap）和监听

html 复制代码

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

javascript 复制代码

Page({
  keyClick: function (e) {
    const value = e.currentTarget.dataset.value;
  },
})

text标签赋值

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

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

html 复制代码

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

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

javascript 复制代码

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

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

html 复制代码

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

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

javascript 复制代码

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

//点击事件中动态修改

keyClick: function (e) {
    const value = e.currentTarget.dataset.value;
    this.setData({
      input: this.data.myTextValue + value
    });
}