注释很详细,直接上代码
上一篇
新增内容:
- 点击事件绑定
- 注册页面
- 设置页面初始化数据
- 事件处理函数的实现
- 更新数据并更新视图
源码:
index.wxml
<!-- 页面的数据绑定 -->
<view>{{msg}}</view>
<!-- 绑定点击事件 -->
<button type="primary" bind:tap="changemsg">点击修改</button>
index.js
//初始化页面
Page({
//页面的初始数据
//data是一个对象
data:{
msg:'Hello World'
},
//事件处理函数,修改文本
changemsg(){
//更新数据与视图
this.setData({
msg:'改变了'
})
}
})
效果演示:
-
按钮点击前
文章来源:https://www.toymoban.com/news/detail-796316.html -
按钮点击后
下一篇文章来源地址https://www.toymoban.com/news/detail-796316.html
到了这里,关于微信小程序(二)事件绑定的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!