微信小程序（二十二）action

微信小程序（二十二）action

action-sheet组件是从底部弹出可选菜单项，估计也是借鉴IOS的设计添加的，action-sheet有两个子组件， action-sheet-item为每个选项，action-sheet-cancel取消选项，与action-sheet-item中间会有间隔，并且点击会触发action-sheet监听事件

主要属性：

wxml

弹出ActionSheet

{{item}}

取消

js

Page({

data:{

// text:"这是一个页面"

actionSheetHidden: true,

actionSheetItems: ['item1', 'item2', 'item3']

},

listenerButton: function() {

this.setData({

//取反

actionSheetHidden: !this.data.actionSheetHidden

});

},

listenerActionSheet:function() {

this.setData({

actionSheetHidden: !this.data.actionSheetHidden

})

},

onLoad:function(options){

// 页面初始化 options为页面跳转所带来的参数

},

onReady:function(){

// 页面渲染完成

},

onShow:function(){

// 页面显示

},

onHide:function(){

// 页面隐藏

},

onUnload:function(){

// 页面关闭

}

})

相关文章：

hello WeApp    &nbsphttp://;                 icon组件

Window                             text组件                                switch组件

tabBar底部导航                 progress组件                        action-sheet

应用生命周期                    button组件                            modal组件

页面生命周期                    checkbox组件                       toast组件

模块化详                           form组件详                            loading 组件

数据绑定                           input 组件                       &nbspyjfIRqrdop;     navigator 组件

View组件                          picker组件                             audio 组件

scroll-view组件                 radio组件                              video组件

swiper组件                        slider组件                              Image组件

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。