mand-mobile/components/action-bar

title	preview
ActionBar	https://didi.github.io/mand-mobile/examples/#/action-bar

Bottom sidebar with a number of texts or action buttons that can be used to present form information and submit buttons

Import

import { ActionBar } from 'mand-mobile'

Vue.component(ActionBar.name, ActionBar)

Code Examples

API

ActionBar Props

Props	Description	Type	Default	Note
actions	button group	Array<{text, disabled, onClick}>	-	text is button text, disabledis whether to disable the button or not, onClickis click event callback function with the same parameters as the click event
has-text	whether to show text	Boolean	whether it containss slot	text can be passed in slot

ActionBar Events

@click(event, action)

Button click event

Props	Description	Type
action	object corresponding to the clicked button in the actions list	Object: {text, disabled, ...}