vue @click以及router-link偶尔失效的问题

Question

vue中给元素绑定@click事件偶尔会出现点击无响应的问题

还有就是使用router-link的地方进行路由跳转也会偶尔出现点击无响应的问题

查了不少资料，依旧没有找到问题所在，有大神知道怎么回事吗？

项目的部分代码：

<div class="x-page__header van-hairline--bottom"
         v-show="!hideHeader">
      <!-- 偶尔会出现点击无法返回的问题 -->
      <a href="javascript:history.back();"></a>
      <!-- 头部可自定义替换 -->
      <slot name="header">
        <span class="x-page__title">{{$route.meta.Chinese}}</span>
      </slot>
      <router-link tag="div"
                   to="/"
                   replace
                   class="header-menu">
        <i class="icon-shouye-h"
           style="font-size:.4rem"></i>
      </router-link>
    </div>

<div class="x-reader__menu">
        <span class="x-reader__menu--item x-reader__menu--prev"
              :style="systemStyle"
              @click="prevChapter">上一章</span>
        <span class="x-reader__menu--item x-reader__menu--catalog"
              :style="systemStyle"
              @click="toCatalog">目录</span>
        <span class="x-reader__menu--item x-reader__menu--next"
              :style="systemStyle"
              @click="nextChapter">下一章</span>
      </div>
   </div>

Answer 1

click失效问题是因为span产生了冒泡的原因，只需要在函数里加入禁止冒泡就可以了。 @click.stop
router-link问题: 检查是否触摸到 元素

Answer 2

router-link点击无响应看下路由有没有发生改变，关于@click点击无响应从代码上看并没有什么问题，你在点击事件函数中打印或者alert(123)一下，或许是你点击事件函数里写的有问题。