点击事件
- 设置(bindtap)和监听
<button class="key" bindtap="keyClick" data-value="1">1</button>
Page({keyClick: function (e) {const value = e.currentTarget.dataset.value;},
})
text标签赋值
在微信小程序中,要给指定的<text>
标签设置值,可以通过以下步骤实现:
- 获取
<text>
标签的ID:首先确保你的<text>
标签具有唯一的ID属性。
<text id="myText">默认文本</text>
- 设置
<text>
标签的值:在微信小程序中,不能直接修改<text>
标签的文本内容。你需要使用数据绑定的方式来实现。首先,在Page的data对象中定义一个变量,例如myTextValue。
Page({data: {myTextValue: '默认文本',},// ...
});
- 然后,在
<text>
标签中使用{{}}
将变量绑定到<text>
标签的文本内容。
<text>{{myTextValue}}</text>
- 修改
<text>
标签的值:在需要修改<text>
标签的文本内容时,只需修改data对象中的myTextValue变量即可。
this.setData({myTextValue: '新的文本内容',
});//点击事件中动态修改keyClick: function (e) {const value = e.currentTarget.dataset.value;this.setData({input: this.data.myTextValue + value});
}