微信小程序 action-sheet 反馈上拉菜单

来源：互联网发布：c语言技巧编辑：程序博客网时间：2024/06/06 09:51

//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

<button type="default" bindtap="actionSheetTap">弹出action sheet</button><action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange">    <block wx:for-items="{{actionSheetItems}}">        <action-sheet-item class="item" bindtap="bind{{item}}">{{item}}</action-sheet-item>    </block>    <action-sheet-cancel class="cancel">取消</action-sheet-cancel></action-sheet>

0 0