UNPKG

@marshal93/vue-directives

Version:
46 lines (38 loc) 1.03 kB
# @marshal93/vue-directives === # INSTALL ``` npm i @marshal93/vue-directives -S ``` # Usage ```js import Vue from 'vue'; import Directives from '@marshal93/vue-directives'; /** * 挂载到全局组件 * @param {Object} options - 设置默认值 * @param {number} [options.x=50] - x position * @param {number} [options.y=100] - y position * @param {number} [options.langTapTimer=1000] - 长按按钮触发时间 */ Vue.use(Directives, { x: 200, y: 300, langTapTimer: 500 }) // Api <button v-tap="handle">点击</button> <button v-swipe="handle">滑动</button> <button v-swipeLeft="handle">左滑</button> <button v-swipeRight="handle">右滑</button> <button v-swipeUp="handle">上滑</button> <button v-swipeDown="handle">下滑</button> <button v-longTap="handle">长按</button> /** * stop 阻止冒泡 prevent 阻止默认事件 self 只当在 event.target 是当前元素自身时触发处理函数 once 执行一次后解绑 */ <button v-tap.stop.prevent.self.once="handle">修饰符</button> ```