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

118 阅读 0 评论 78 点赞

我是靠谱客的博主忧心白云，最近开发中收集的这篇文章主要介绍微信小程序组件：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参数说明：

属性	类型	必填	说明
itemList	String Array	是	按钮的文字数组，数组长度最大为6个
itemColor	HexColor	否	按钮的文字颜色，默认为”#000000”
success	Function	否	接口调用成功的回调函数，详见返回参数说明
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）