ActionSheet用于显示包含一系列可交互的动作集合,包括说明、跳转等,由底部弹出,一般用于响应用户对页面的单击,如图4.4所示。
image.png

执行wx.showActionSheet即可显示操作菜单

showActionSheet参数是一个对象,如表4.4所示。

showActionSheet参数

image.png

在success回调里,得到用户单击的按钮序号,从0开始。代码如示例4-5所示。

  1. index.wxml
  2. <view>
  3. <button bindtap='showActionSheet'>show Actionsheet </button>
  4. </view>
  5. -----------------------------------------------------------------
  6. index.js
  7. Page({
  8. showActionSheet: function(){
  9. wx.showActionSheet({
  10. itemList: ['操作1', '操作2', '操作3'],
  11. success(res) {
  12. console.log(res.tapIndex)
  13. },
  14. fail(res) {
  15. console.log(res.errMsg)
  16. }
  17. })
  18. }
  19. })