@vue-mixin/touch

1.0.1 • Public • Published

@vue-mixin/touch

Touch mixin for vue Demo


Install
npm install @vue-mixin/touch --save
Import
import touchMixin from "@vue-mixin/touch"

export default {
    mixins: [touchMixin],
}

Swipe
  • template
<div ref="touchSwipe"></div>
  • script
export default {
    methods: {
        /* ↑ */
        touchSwipeToUp() {
            console.log("Up")
        },

        /* ← */
        touchSwipeToLeft() {
            console.log("Left")
        },

        /* → */
        touchSwipeToRight() {
            console.log("Right")
        },

        /* ↓ */
        touchSwipeToDown() {
            console.log("Down")
        },
    },
}

Tap
  • template
<div ref="touchTap"></div>
  • script
export default {
    methods: {
        /* doesn't fire on click */
        touchTap() {
            console.log("Tap")
        },
    },
}

Package Sidebar

Install

npm i @vue-mixin/touch

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

8.27 kB

Total Files

3

Last publish

Collaborators

  • dalirnet