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

发布时间:2024年01月13日

注释很详细,直接上代码

新增内容:

  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. 按钮点击后
    在这里插入图片描述

文章来源:https://blog.csdn.net/m0_73756108/article/details/135539315
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。