微信小程序 action-sheet底部菜单详解

前端之家收集整理的这篇文章主要介绍了微信小程序 action-sheet底部菜单详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序 action-sheet

action-sheet是从底部弹出的选择菜单,子菜单通过action-sheet-item和action-sheet-cancel指定,action-sheet-item是菜单项,action-sheet-cancel顾名思义是取消隐藏菜单,我们可以通过为action-sheet-item添加bindtap来触发点击后作出的相应,点击action-sheet-cancel时会触发action-sheet的bindchange事件。可以在bindchange绑定的函数中控制菜单显示。另外点击空白处时菜单也会隐藏。

官方文档

菜单的隐藏"); } }

for (var i = 0; i < items.length; ++i) {
(function(itemName) {
pageObject['bind' + itemName] = function(e) {
console.log('click' + itemName,e)
}
})(items[i])
}

Page(pageObject)

运行效果

如何让点击空白处时不隐藏图片呢?另外点击取消的时候自动隐藏菜单不就算了,非要自己写一句话让它隐藏,真麻烦。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/44847.html

猜你在找的微信小程序相关文章