为了账号安全,请及时绑定邮箱和手机立即绑定

mint-ui cell-swipe 点击和滑动事件冲突怎么解决?

mint-ui cell-swipe 点击和滑动事件冲突怎么解决?

繁华开满天机 2019-03-29 22:15:52
<mt-cell-swipe v-for="n in 15" :key="n" :right="rightButtons" title="swipe123" to="/appProfile"></mt-cell-swipe>这是一个左滑触发显示删除和取消、删除的组装件,里面添加了跳转页面的to事件,问题:1、左滑动会进入appProile页面。这算冒泡吧?能阻止么?2、请问下能不能监听组件滑动事件或者监听transform: translate3d的值变化可行么?
查看完整描述

1 回答

?
PIPIONE

TA贡献1829条经验 获得超9个赞

FastClick.prototype.onTouchStart = function (event) {


let e = event || window.event

e.stopPropagation() // 阻止事件的进一步传播,包括(冒泡,捕获),无参数

e.cancelBubble = true

}

FastClick.prototype.onTouchMove = function (event) {


let e = event || window.event

e.stopPropagation() // 阻止事件的进一步传播,包括(冒泡,捕获),无参数

e.cancelBubble = true

}

FastClick.prototype.onTouchEnd = function (event) {


let e = event || window.event

e.stopPropagation() // 阻止事件的进一步传播,包括(冒泡,捕获),无参数

e.cancelBubble = true

}

直接在main.js里面加上这个就可以了


查看完整回答
反对 回复 2019-04-07
  • 1 回答
  • 0 关注
  • 1834 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信