WeChat applet action-sheet details and instance code

This article mainly introduces the detailed description of the small program action-sheet and related information about the instance code, for more information about the small program action-sheet and the instance code, see this article.

Applet action-sheet

Attribute name	Type	Default value	Description
Hidden	Boolean	True	Hide or not
Bindchange	EventHandle		The change event is triggered when you click the background or action-sheet-cancel button, without data being carried.

Action-sheet-item

Sub-options in the bottom menu table.

Action-sheet-cancel

The cancel button in the bottom menu table is different from the action-sheet-item button. clicking it triggers the change event of action-sheet, and the appearance is separated from the content above it.

Sample code:

Action sheet 
 
  
{Item }} 
 Cancel

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)action-sheet

Thank you for reading this article. I hope it will help you. thank you for your support for this site!

For more details about the small program action-sheet and related articles on instance code, please follow the PHP Chinese network!