微信小程序(十四)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组件

相关文章

  • js中ES6继承和ES5继承之间的差别

    js中ES6继承和ES5继承之间的差别

    这篇文章主要介绍了ES6继承和ES5继承,以及两个继承之间的差别,文中运用示例以及代码讲解的非常清晰,感兴趣的小伙伴可以参考一下
    2021-08-08
  • 详解无界微前端是如何渲染子应用的demo解析

    详解无界微前端是如何渲染子应用的demo解析

    这篇文章主要为大家介绍了详解无界微前端是如何渲染子应用demo解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 小程序开发实战:实现九宫格界面的导航的代码实现

    小程序开发实战:实现九宫格界面的导航的代码实现

    本篇文章主要介绍了小程序开发实战:实现九宫格界面的导航的代码实现,具有一定的参考价值,有兴趣的可以了解一下。
    2017-01-01
  • JS算法题解数组删除重复项方法示例

    JS算法题解数组删除重复项方法示例

    这篇文章主要为大家介绍了JS算法题解数组删除重复项方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 详解如何用js实现一个网页版节拍器

    详解如何用js实现一个网页版节拍器

    这篇文章主要为大家介绍了详解如何用js实现一个网页版节拍器示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • TypeScript遍历对象属性的问题

    TypeScript遍历对象属性的问题

    这篇文章主要介绍了TypeScript遍历对象属性的问题,文章围绕TypeScript遍历对象属性的相关资料展开详细内容,需要的朋友可以参考一下
    2021-11-11
  • js的一些潜在规则使用分析

    js的一些潜在规则使用分析

    这篇文章主要为大家介绍了js的一些潜在规则使用分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 微信小程序实现页面跳转传值的方法

    微信小程序实现页面跳转传值的方法

    这篇文章主要介绍了微信小程序实现页面跳转传值的方法的相关资料,希望通过本文能帮助到大家,让大家实现这样的功能,需要的朋友可以参考下
    2017-10-10
  • JavaScript专题之underscore防抖实例学习

    JavaScript专题之underscore防抖实例学习

    这篇文章主要为大家介绍了JavaScript专题之underscore防抖实例学习,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 微信小程序 蓝牙的实现实例代码

    微信小程序 蓝牙的实现实例代码

    这篇文章主要介绍了微信小程序 蓝牙的实现实例代码的相关资料,需要的朋友可以参考下
    2017-06-06

最新评论