vue-actionsheet
An action sheet component for vue.js
Installation
First, install vue-actionsheet from npm:
$ npm install vue-actionsheetImport it:
// ES6 muduleimport Actionsheet from 'vue-actionsheet'; // CommonJSconst Actionsheet = require('vue-actionsheet').default;Register component:
Vue.component('actionsheet', Actionsheet);Then use it:
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