微信小程序把玩（十四）button组件

最新推荐文章于 2025-04-09 15:05:54 发布

_RTFSC_

最新推荐文章于 2025-04-09 15:05:54 发布

阅读量3.9w

点赞数 9

本文链接：https://blog.csdn.net/u014360817/article/details/52664817

版权

微信小程序把玩专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了微信小程序中button组件的使用方法及属性配置。包括默认样式、不同状态下的表现形式，以及如何设置点击事件监听等关键信息。

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

这里写图片描述

button按钮用的算是最普遍的组件之一。

主要属性：

这里写图片描述

wxml

<!--按钮默认样式，点击事件-->
<button type="defaule" bindtap="clickButton">Defalut</button>

<!--原始颜色，不可点击状态， 正在加载状态-->
<button type="primary" disabled="true" loading="true">Primary</button>

<button type="warn">warn</button>

Page({
  data:{
    // text:"这是一个页面"
  },

  /**
   * button点击事件监听
   */
  clickButton: function(e) {
      //打印所有关于点击对象的信息
      console.log(e);
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})