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

注释很详细,直接上代码

上一篇

新增内容:

  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. 按钮点击前
    微信小程序(二)事件绑定_第1张图片

  2. 按钮点击后
    微信小程序(二)事件绑定_第2张图片
    下一篇

你可能感兴趣的:(微信小程序,微信小程序,小程序)