「优化」优化左右滑动效果

2018-12-06  本文已影响0人  ybrelax

https://github.com/vuejs/vue-touch/tree/next

var VueTouch = require('vue-touch')
Vue.use(VueTouch, {name: 'v-touch'}
//左划      默认渲染为div   data为参数
<v-touch v-on:swipeleft="onSwipeLeft(data)">Swipe me!</v-touch>
//点击   渲染为一个a标签
<v-touch tag="a" v-on:tap="onTap">Tap me!</v-touch>
//点击   渲染为p标签
<v-touch tag="p" v-on:tap="onTap">Tap me!</v-touch>

注意一点:touch-action: pan-y!important (解决上下不能滑动的问题) 在v-touch 加上这个css属性
ios解决上下不能滑动 :swipe-options="{direction: 'horizontal'}"

上一篇下一篇

猜你喜欢

热点阅读