vue-actionsheet
v0.0.1vue-actionsheet
An action sheet component for vue.js
Installation
First, install vue-actionsheet
from npm:
$ npm install vue-actionsheet
Import it:
// ES6 mudule
import Actionsheet from 'vue-actionsheet';
// CommonJS
const Actionsheet = require('vue-actionsheet').default;
Register component:
Vue.component('actionsheet', Actionsheet);
Then use it:
<actionsheet :actions="actions" :visible.sync="sheetVisible"></actionsheet>
Usage
actions
is an array of objects. Each object has two keys: name
and method
. name
is the text showing on the sheet, and method
(optional) is the callback when clicked.
Sync visible
with one of your vue instance variables. Toggle it to switch on/off the action sheet.
API
Option | Description | Value | Default |
---|---|---|---|
actions | array of actions | Array | |
visible | visibility of the action sheet | Boolean | 'false' |
cancelText | text of the cancel button | String | '取消' |
closeOnClickModal | determines if the action sheet turn off when the modal is clicked | Boolean | 'true' |
License
MIT
npm i vue-actionsheet
Metadata
- mit
- Whatever
- [email protected]
- released 5/22/2016