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

npm install vue-flex-touch

Usage

// main
import flexTouch from 'vue-flex-touch'

Vue.use(flexTouch, { timeout: 900 });

// component
<div id="app" v-flex-touch="handleTouch">
  <h1>I'm flex touch demo</h1>
  {{flex}}
</div>


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

examle

base use

used in chat '@'

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

Copyright (c) 2019 蓝色的秋风