点击事件
- 设置(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
});
}