微信小程序action-sheet反馈上拉菜单简单实例
微信小程序 action-sheet 反馈上拉菜单简单实例
10年积累的网站设计、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有零陵免费网站建设让你可以放心的选择与我们合作。
看下实现效果图:

js
var items = ['item1', 'item2', 'item3', 'item4']
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['bind' + itemName] = function (e) {
console.log('click' + itemName, e)
}
})(items[i])
}
Page(pageObject)
wxml
{{item}} 取消
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
分享文章:微信小程序action-sheet反馈上拉菜单简单实例
转载来于:http://www.jxjierui.cn/article/pcoish.html


咨询
建站咨询
