vue2封装长按事件
时间: 2023-07-18 21:07:59 浏览: 100
可以使用 `v-touch:longtap` 指令来实现长按事件的封装,具体步骤如下:
1. 安装 `vue-touch` 插件
```bash
npm install vue-touch@next --save
```
2. 在 main.js 中引入并注册插件
```javascript
import { createApp } from 'vue'
import VueTouch from 'vue-touch'
import App from './App.vue'
const app = createApp(App)
app.use(VueTouch, { name: 'v-touch' })
app.mount('#app')
```
3. 在组件中使用 `v-touch:longtap` 指令
```html
<template>
<div v-touch:longtap="onLongTap">长按我</div>
</template>
<script>
export default {
methods: {
onLongTap() {
console.log('长按事件触发')
}
}
}
</script>
```
上面的代码中,`v-touch:longtap` 指令会在用户长按指定的元素时触发 `onLongTap` 方法。你可以根据具体的需求来修改方法的实现。
阅读全文