微信小程序例子——实现button点击事件改变数据值

最新推荐文章于 2025-04-09 09:47:22 发布

FutrueJet

最新推荐文章于 2025-04-09 09:47:22 发布

阅读量4.9w

点赞数 1

分类专栏：微信小程序开发例子微信小程序开发例子【表单组件】文章标签： Web前端互联网微信小程序编程语言前端开发

本文链接：https://blog.youkuaiyun.com/FutrueJet/article/details/52853424

版权

这篇博客展示了如何在微信小程序中通过Button点击事件来改变数据值。内容包括效果展示、关键的WXML和JS代码，并提供了源代码的百度云下载链接。作者还邀请读者在遇到问题时可以通过微信进行咨询，并附上了微信号。最后，作者希望读者如果觉得内容有帮助，可以给予支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、效果展示

2、关键代码

index.wxml





   
   
   
    
    
    提示：{
    {text}}

index.js

Page({
  data:{
    // text:"这是一个页面"
    text:''
  },
  btn_default:function(){
    this.setData({
      text:'您单击了default按钮'
    })
  },
  btn_primary:function(){
    this.setData({
      text:'您单击了primary按钮'
    })
  },
  btn_warn:function(){
    this.setData({
      text:'您单击了warn按钮'
    })
  }
})