mand-mobile/components/action-sheet

title	preview
ActionSheet 动作面板	https://didi.github.io/mand-mobile/examples/action-sheet

用于提供场景相关的多个操作动作

引入

import { ActionSheet } from 'mand-mobile'

Vue.component(ActionSheet.name, ActionSheet)

代码演示

API

ActionSheet Props

属性	说明	类型	默认值
v-model	面板是否可见	Boolean	false
title	面板标题	String	-
options	面板选项	Array<{text, value}>	[]
default-index	默认选中项	Boolean	0
invalid-index	禁用选择项索引	Number	-1
cancel-text	取消按钮文案	String	-

ActionSheet Events

@selected(item)

选择事件

属性	说明	类型
item	选中项的值	Object: {text, value}

@cancel()

取消选择事件

@show()

面板展示事件

@hide()

面板隐藏事件