微信小程式把玩(十四)button元件
阿新 • • 發佈:2019-01-06
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(){
// 頁面關閉
}
})