Rumah >applet WeChat >Pembangunan program mini >微信小程序组件:action-sheet显示操作菜单解读和分析

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

高洛峰
高洛峰asal
2018-05-25 13:53:417799semak imbas

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 接口调用结束的回调函数(调用成功、失败都会执行)
  • success返回参数说明:

参数

类型

说明

cancel Boolean 用户是否取消选择
tapIndex Number 用户点击的按钮,从上到下的顺序,从0开始

Atas ialah kandungan terperinci 微信小程序组件:action-sheet显示操作菜单解读和分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn