清除router-link默认样式

清除router-link默认样式的方法有两种。第一种是在CSS中使用以下样式来取消router-link的默认样式：

.router-link-active {
text-decoration: none;
color: #fff;
}

.router-link {
text-decoration: none;
color: #fff;
}

然而，这种方式只能取消第一个el-menu-item的默认样式，无法取消第二个。如果router-link中的to属性跳转到其他组件（如/main），则默认样式无法取消。因此，我们需要使用第二种方法。

第二种方法是在router-link标签中添加一个class属性，并在CSS中为该class定义样式，如下所示：

<router-link to="/" class="custom-link">首页</router-link>

在CSS中定义样式：

.custom-link {
text-decoration: none;
color: #fff;
}

这样就可以通过为router-link添加自定义的class来取消默认样式。请注意，要区分好router-link和li标签，router-link是用于实现路由跳转的，而li标签则是必需的。