【快速文档】在小程序中弹出一个操作菜单

最新推荐文章于 2023-07-27 18:13:54 发布

「已注销」

最新推荐文章于 2023-07-27 18:13:54 发布

阅读量356

点赞数

分类专栏：小程序快速文档文章标签：小程序

本文链接：https://blog.csdn.net/wechat_wuming/article/details/120770373

版权

本文介绍了如何在小程序中使用wx.showActionSheet弹出操作菜单，包括重要参数如itemList、itemColor、success、fail和complete的详细说明。特别提醒开发者要注意不同版本中对于点击蒙层的处理可能存在的差异，以及成功回调函数中res.tapIndex用于标识用户选择的选项。

摘要由CSDN通过智能技术生成

操作菜单

wx.showActionSheet()

弹出操作菜单

重要参数

itemList 必须要填，一个数组，里面是操作菜单的选项，选项为字符串，最多6个

itemColor 选项的颜色

success 成功回调函数

fail 失败回调函数

complete 结束回调函数

其中，成功回调函数中，选择的第几个被保存在了res.tapIndex里面

注意：在某些版本中，该弹窗点击蒙层就会被关闭，并且给出失败回调，fail cancel。但是在某些版本中又不会发生这种情况。因此，请谨慎处理取消，或者不处理取消。

简单使用

wxml部分的代码如下所示

<button bindtap="eat_what">今晚喝什么</button>
<view>您选择{{ d }}</view>

js部分的代码如下所示

Page({
  data: {
    d: ""
  },
  onLoad: function (options) {

  },
  eat_what(e){
    let that = this;
    let l = ["喝可乐", "喝芬达", "喝王老吉"];
    wx.showActionSheet({
      itemList: l,
      success(res){
        that.setData({d: l[res.tapIndex]});
      }
    })
  }
})

弹窗的效果应当就像这样