vue-pan

Isolated version of Quasar's v-pan directive.

Installation

npm i vue-pan

Load directive locally:

<script>
  export default {
    directives: {
      "v-pan": require('vue-pan').default
    }
  }

Load directive globally:

// in main.js
Vue.directive("v-pan", require('vue-pan').default);
 
new Vue({
    router,
    render: h => h(App)
}).$mount("#app");

Use

<div v-pan.prevent.mouse="panHandle" />