发布于 2017-04-19 12:53:49 | 164 次阅读 | 评论: 0 | 来源: 网友投递
这篇文章主要介绍了 微信小程序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(){
// 页面关闭
}
})