Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shhdgit/vue-finger
alloy_finger wrapper for Vue2
https://github.com/shhdgit/vue-finger
Last synced: 13 days ago
JSON representation
alloy_finger wrapper for Vue2
- Host: GitHub
- URL: https://github.com/shhdgit/vue-finger
- Owner: shhdgit
- Created: 2016-11-18T03:19:59.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2016-12-05T14:24:10.000Z (over 7 years ago)
- Last Synced: 2024-04-25T11:21:05.967Z (about 2 months ago)
- Language: JavaScript
- Size: 4.88 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Lists
- awesome-vue-refactor - vue-finger
README
## Intro
~~This is a directive wrapper for alloyfinger.~~ use [official](https://github.com/AlloyTeam/AlloyFinger)
## Demo
[fiddle](https://jsfiddle.net/3y37wext/3/)
## Install
#### Npm
```bash
npm install --save alloyfinger vue-finger
```#### CommonJS
- Available through npm as `vue-finger`.
``` js
var VueFinger = require('vue-finger')
Vue.use(VueFinger)
```#### Direct include
- You can also directly include it with a `` tag when you have Vue and alloyfinger.js already included globally. It will automatically install itself, and will add a global `VueFinger`.
## Usage
#### Using the `v-finger` directive
```html
<a v-finger:tap="onTap">Tap me!</a><div v-finger:pressmove="onMove">Move me!</div>
```See [alloyfinger](https://github.com/AlloyTeam/AlloyFinger) for all available events.
> camelCase args should switch to lowercase (e.g., pressMove -> pressmove)
# License
MIT