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 蓝色的秋风