微信小程序组件：action-sheet显示操作菜单解读和分析-9543建站博客

广告：宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取~~~

微信小程序组件：action-sheet显示操作菜单解读和分析

action-sheet显示操作菜单的组件说明:

显示操作菜单

action-sheet显示操作菜单示例代码运行效果如下：

下面是WXML代码：

<button type="primary" bindtap="actionSheetTap">弹出ActionSheet</button>

登录后复制

下面是JS代码：

actionSheetTap: function () {    var itemList= ['A', 'B', 'C']    wx.showActionSheet({      itemList:itemList,      success: function (res) {        if (!res.cancel) {          console.log(itemList[res.tapIndex])        }      }    })  }

登录后复制

action-sheet显示操作菜单的主要属性：

OBJECT参数说明：

属性

类型

必填

说明

itemListString Array是按钮的文字数组，数组长度最大为6个itemColorHexColor否按钮的文字颜色，默认为”#000000”successFunction否接口调用成功的回调函数，详见返回参数说明failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明：

参数

类型

说明

cancelBoolean用户是否取消选择tapIndexNumber用户点击的按钮，从上到下的顺序，从0开始

以上就是微信小程序组件：action-sheet显示操作菜单解读和分析的详细内容，更多请关注9543建站博客其它相关文章！