美文网首页
touch 当绑定了swipeleft, swiperight事

touch 当绑定了swipeleft, swiperight事

作者: 点_ba7a | 来源:发表于2017-09-27 11:37 被阅读0次

 touch事件封装 

主要 如果是点击事件没有 moved事件 有bug

start(e) {

this.startx=''

this.endx=''

this.startx=e.touches[0].clientX

this.isMoved=false

console.log(this.startx);

},

endevent() {

if(this.isMoved) {

if(this.endx-this.startx<-40) {

this.left()

console.log('left');

}if(this.endx-this.startx>40) {

this.right()

console.log('right');

}

}

},

moveevent(e) {

if(e.touches[0].clientX) {

this.endx=e.touches[0].clientX

this.isMoved=true

}

console.log(this.isMoved);

},

当绑定了swipeleft, swiperight事件,滚动失效!#41

两种解决办法:

1.在全局配置中加上VueTouch.config.swipe = {direction: 'horizontal' }

2.在使用vue-touch的元素标签上直接加上 v-touch-options:swipe="{ direction:'horizontal'}"

相关文章

网友评论

      本文标题:touch 当绑定了swipeleft, swiperight事

      本文链接:https://www.haomeiwen.com/subject/cugsextx.html