vue-flex-touch
vue-flex-touch both for long press touch on mobile and right click on pc
880
| Install | |
|---|---|
npm install vue-flex-touch |
|
| Latest Version: | 1.0.0 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | May 19, 2019 |
| Links: | npm |
Maintainer: hua1995116
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 蓝色的秋风
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.0 | ^2.6.10 | MIT | |
| 0.2.0 | ^2.6.10 | MIT | |
| 0.1.6 | ^2.6.10 | MIT | |
| 0.1.5 | ^2.6.10 | MIT | |
| 0.1.4 | MIT | ||
| 0.1.2 | MIT | ||
| 0.1.1 | MIT | ||
| 0.1.0 | MIT |