有关快速重复点击按钮弹出错误，以及router-link-active样式的问题

1. 实现tabbar组件时，我使用v-for标签来实现4个router-link，代码如下

    <router-link v-for='item in footerItems' class='g-tabbar-item' :to="'/'+item.icon" :key='item.icon'>
      <i :class="'iconfont icon-'+item.icon"></i>
      <span>{{item.name}}</span>
    </router-link>

在浏览器中点击时，确实第一次点击会变成红色，但是快速重复点击某一个按钮时，会出现如下错误：

Unable to preventDefault inside passive event listener due to target being treated as passive.

如果有相关资料文档，请老师提供一下以解惑。

2.既然vue将router-link渲染为一个a标签，那么在_base.scss文件中已经写了

a {
  color: #686868;
  text-decoration: none;

  &:active {
    color: $link-active-color;
  }
}

那么所有a标签active时的颜色都会是$link-active-color，为什么还要在组件内部定义.router-link-active。

谢谢解惑！