使用router-link链接的文字,默认为蓝色并带下划线,很不好看。
解决方法:
在<style scoped></style>
中添加样式:
<style scoped>
.router-link-active {
text-decoration: none;
color: yellow;
}
a{
text-decoration: none;
color: white;
}
</style>
a指文字不带下划线且为白色,router-link-active指点击后变为黄色。
效果如图