开通VIP
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开始 |
以上就是微信小程序组件：action-sheet显示操作菜单解读和分析的详细内容，更多请关注知企PROSAAS其它相关文章！
温馨提示：
文章标题：微信小程序组件：action-sheet显示操作菜单解读和分析
文章链接：https://www.prosaas.cn/17550.html
更新时间：2018年05月25日
声明： 本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：973664285@qq.com我们将第一时间处理！ 资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习，版权归原作者所有，更多请阅读知企PROSAAS协议声明：本文由5201314发布，本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
