微信小程序 action

这篇文章主要介绍了微信小程序  action-sheet详解及实例代码的相关资料,需要的朋友可以参考下

微信小程序  action-sheet

action-sheet-cancel

底部菜单表的取消按钮，和action-sheet-item的区别是，点击它会触发action-sheet的change事件，并且外观上会同它上面的内容间隔开来。

示例代码：

 button type= default bindtap= actionSheetTap 弹出action sheet /button 
 action-sheet hidden= {{actionSheetHidden}} bindchange= actionSheetChange 
 block wx:for-items= {{actionSheetItems}} 
 action-sheet-item >
var items = [ #39;item1 #39;, #39;item2 #39;, #39;item3 #39;, #39;item4 #39;]
var pageObject = {
 data: {
 actionSheetHidden: true,
 actionSheetItems: items
 actionSheetTap: function(e) {
 this.setData({
 actionSheetHidden: !this.data.actionSheetHidden
 actionSheetChange: function(e) {
 this.setData({
 actionSheetHidden: !this.data.actionSheetHidden
for (var i = 0; i items.length; ++i) {
 (function(itemName) {
 pageObject[ #39;bind #39; + itemName] = function(e) {
 console.log( #39;click #39; + itemName, e)
 })(items[i])
Page(pageObject)
action-sheet
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
更多微信小程序  action-sheet详解及实例代码相关文章请关注PHP中文网！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！