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

vue-router的rounter-link的点击事件被其他组件阻止冒泡,该如何处理?

vue-router的rounter-link的点击事件被其他组件阻止冒泡,该如何处理?

慕尼黑5688855 2018-12-19 15:20:23
如下图所示,由于代码较多省略了其他router-link,to的路径不只是根路径,当我点击router-link的时候这里router-view并不会跳转。这个footer是position:fixed的底部悬浮栏修改问题经过我多次测试发现页面中有个组件为了实现翻页效果添加了mousedown和touchstart的阻止冒泡事件,那么其实页面里的点击事件都被他捕获并且阻止冒泡了。该组件放置在一个高度和填满浏览器的div容器中,而顶部导航栏和底部导航栏都是fixed在页面里。那么在这种情况下如何保证这个footer能获取到事件,并且翻页组件依然阻止冒泡呢?页面如图所示下面的卡片式翻页组件是必须的,那么如何不让底部的导航栏的点击事件被他捕捉阻止冒泡呢?
查看完整描述

1 回答

?
叮当猫咪

TA贡献1776条经验 获得超12个赞

发现问题所在,touchstart事件被其他组件捕获和阻止冒泡事件。修改了事件捕获就好了

查看完整回答
反对 回复 2018-12-19
  • 1 回答
  • 0 关注
  • 663 浏览
慕课专栏
更多

添加回答

举报

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