vue-flex-touch

> A for Vue.js directive both for long press touch on mobile and right click on pc

demo

https://n0v3orw484.codesandbox.io/

Install

shell
npm install vue-flex-touch


Usage

javascript
// main
import flexTouch from 'vue-flex-touch'
Vue.use(flexTouch, { timeout: 900 });
// component

  I'm flex touch demo

  {{flex}}

data() { return { flex: false }; }, methods: { handleTouch() { this.flex = !this.flex; } }``

examle

base use

![Edit Vue Template](https://codesandbox.io/s/n0v3orw484?fontsize=14)

used in chat '@'

![Edit Vue Template](https://codesandbox.io/s/oovv1q83zz?fontsize=14)

config

| Prop | Type | default | description |
| --- | --- | --- | --- |
| timeout | number | 500 | time for long touch. (only mobile) |
| needSelect | boolean | false | If it is true, it will select text) |
| preventDefault | boolean | true | If it is true, it will stop default event) |

reference

License

MIT