如下图所示，由于代码较多省略了其他router-link，to的路径不只是根路径，当我点击router-link的时候这里router-view并不会跳转。这个footer是position:fixed的底部悬浮栏
经过我多次测试发现页面中有个组件为了实现翻页效果添加了mousedown和touchstart的阻止冒泡事件，那么其实页面里的点击事件都被他捕获并且阻止冒泡了。该组件放置在一个高度和填满浏览器的div容器中，而顶部导航栏和底部导航栏都是fixed在页面里。
那么在这种情况下如何保证这个footer能获取到事件，并且翻页组件依然阻止冒泡呢？
下面的卡片式翻页组件是必须的，那么如何不让底部的导航栏的点击事件被他捕捉阻止冒泡呢？
叮当猫咪
相关分类