mand-mobile/components/action-sheet

title	preview
ActionSheet	https://didi.github.io/mand-mobile/examples/#/action-sheet

Support scenario-relevent operations

Import

import { ActionSheet } from 'mand-mobile'

Vue.component(ActionSheet.name, ActionSheet)

Code Examples

API

ActionSheet Props

Props	Description	Type	Default	Note
v-model	display actionsheet or not	Boolean	false	-
title	title of actionsheet	String	-	-
options	options of actionsheet	Array<{text, value}>	[]	-
default-index	default selected index	Boolean	0	-
invalid-index	invalid index	Number	-1	-
cancel-text	cancel text	String	-	-

ActionSheet Events

@selected(item)

Select event

Props	Description	Type
item	selected value	Object: {text, value}

@selected(item)

Cancel selection

@show()

Show actionsheet

@hide()

Hide actionsheet

ActionSheet Static Methods

create(props)

Static create a global ActionSheet, and return instance. You can change instance value to toggle the visibility of ActionSheet.

|----|-----|------|------|------|------| |value|display actionsheet or not|Boolean|true|-| |title|title of actionsheet|String|-|-| |options|options of actionsheet|Array<{text, value}>| [] |-| |default-index|default selected index|Boolean|0|-| |invalid-index|invalid index|Number| -1|-| |cancel-text|cancel text|String|-|-| |max-height|the maximum height of actionsheet area|Number|400|unit px|

closeAll()

Close all global ActionSheets

destroyAll()

Close and destroy all global ActionSheets