微信小程序(十四)button组件详细介绍

 更新时间:2016年09月27日 14:17:03   作者:顺子_RTFSC  
这篇文章主要介绍了 微信小程序button组件详细介绍的相关资料,需要的朋友可以参考下

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

主要属性:

wxml

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

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

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

js

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

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

相关文章:

hello WeApp                      icon组件
Window 
                            text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期
                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定
                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件

相关文章

  • 微信小程序之获取当前位置经纬度以及地图显示详解

    微信小程序之获取当前位置经纬度以及地图显示详解

    最近刚开始接触微信小程序,在弄懂其结构以及相关接口之后,准备着手实现一个小程序,功能包括--获取用户当前位置的经纬度,在地图上查看位置,通过地图获取不同位置的经纬度。
    2017-05-05
  • 微信小程序 PHP生成带参数二维码

    微信小程序 PHP生成带参数二维码

    这篇文章主要介绍了微信小程序 PHP生成带参数二维码的相关资料,需要的朋友可以参考下
    2017-02-02
  • 前端JavaScript彻底弄懂函数柯里化curry

    前端JavaScript彻底弄懂函数柯里化curry

    随着主流JavaScript中函数式编程的迅速发展, 函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么,它们如何工作以及如何充分利用它们非常重要。本篇文章小编九向大家详细介绍JavaScript函数柯里化,需要的小伙伴可以参考下面文字内容
    2021-09-09
  • 无UI 组件Headless框架逻辑原理用法示例详解

    无UI 组件Headless框架逻辑原理用法示例详解

    这篇文章主要为大家介绍了无UI 组件Headless框架逻辑原理用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • lodash里的toLength和toPairs方法详解

    lodash里的toLength和toPairs方法详解

    这篇文章主要为大家介绍了lodash里的toLength和toPairs方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 使用PreloadJS加载图片资源的基础方法详解

    使用PreloadJS加载图片资源的基础方法详解

    PreloadJS是一个用来管理和协调相关资源加载的类库,它可以方便的帮助你预先加载相关资源简单点儿说就是一个加载插件,它可以做成页面异步加载且顶部会有进度条动画
    2020-02-02
  • 脚本整合指定文件/文件夹执行定制化ESLint命令使用实例

    脚本整合指定文件/文件夹执行定制化ESLint命令使用实例

    这篇文章主要为大家介绍了脚本整合指定文件/文件夹执行定制化 ESLint命令使用实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • 微信小程序 tabs选项卡效果的实现

    微信小程序 tabs选项卡效果的实现

    这篇文章主要介绍了微信小程序 tabs选项卡效果的实现的相关资料,微信小程序内部组件没有Tabs 选项卡的功能,自己实现个类似的,需要的朋友可以参考下
    2017-01-01
  • 微信小程序 动态传参实例详解

    微信小程序 动态传参实例详解

    这篇文章主要介绍了微信小程序 动态传参实例详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • JavaScript Promise实现异步并发任务控制器

    JavaScript Promise实现异步并发任务控制器

    这篇文章主要为大家介绍了JavaScript Promise实现异步并发任务控制器示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06

最新评论