微信小程序(二)事件绑定

注释很详细,直接上代码

上一篇

新增内容:

  1. 点击事件绑定
  2. 注册页面
  3. 设置页面初始化数据
  4. 事件处理函数的实现
  5. 更新数据并更新视图

源码:

index.wxml

<!-- 页面的数据绑定 -->
<view>{{msg}}</view>
<!-- 绑定点击事件 -->
<button type="primary" bind:tap="changemsg">点击修改</button>

index.js

//初始化页面
Page({//页面的初始数据//data是一个对象data:{msg:'Hello World'},//事件处理函数,修改文本changemsg(){//更新数据与视图this.setData({msg:'改变了'})}
})

效果演示:

  1. 按钮点击前
    在这里插入图片描述

  2. 按钮点击后
    在这里插入图片描述
    下一篇