@insaic/neon
Version:
A Mobile UI Components built on Vue
32 lines (28 loc) • 998 B
Markdown
### Actionsheet - 行动按钮
---
#### 按需引入
```js
import { Actionsheet } from '@insaic/neon'
Vue.use(Actionsheet)
```
#### 例子 [demo源码](https://github.com/insaic/neon/blob/dev/examples/routers/actionsheet.vue)
```html
<sq-actionsheet
v-model="isShowAction"
:action-list="list"
@on-item-click="action"
:show-cancel-button="false"
/>
```
---
#### Props
名称 | 类型 | 说明 | 默认值 | 可选值
:----------- |:--------- |:-------------------|:------- |:-------
value | `Boolean` | 绑定值,用于显示与否 | -- | --
action-list | `Array` | 选项list,每项需含有name字段,具体数据格式参考demo | -- | --
show-cancel-button | `Boolean` | 是否显示`取消`选项 | `true `| `false`
---
#### Event
名称 | 参数 | 描述
:---------- |:---- |:------------------
on-item-click | item | 点击选中的项执行事件,item为选中项