共计 471 个字符,预计需要花费 2 分钟才能阅读完成。
由于需要监听手指的左右滑动事件,所以用到了 v -touch 这个插件。
npm 安装
npm install vue-touch@next --save
//main.js 中引入:import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})
用法如下:
//html 代码
<template>
<v-touch v-on:swipeleft="swiperleft" v-on:swiperight="swiperright" class="wrapper">
<div class="menu-container" ref="menuContainer">
<!-- 这个是内容 -->
</div>
</v-touch>
</template>
js
export default {
name: 'Queue',
data () {return {}
},
methods: {swiperleft: function () {console.log("左划")
},
swiperright: function () {console.log("右滑")
}
}
}
正文完
发表至: javascript
2019-07-22