1. 程式人生 > >微信小程式把玩(十四)button元件

微信小程式把玩(十四)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(){ // 頁面關閉 } })