vue点击当前路由高亮小案例
15 浏览量
2021-01-19
20:59:56
上传
评论
收藏 53KB PDF 举报
vue点击当前路由高亮小案例点击当前路由高亮小案例
本文实例为大家分享了vue点击当前路由高亮的具体代码，供大家参考，具体内容如下
功能展示：
组件代码：
标签上加exact
.router-link-active{
background: rgba(255,255,255,0.8);
color: gray;
}
<template>
<nav>
<ul>
<li>
<router-link to="/" exact>博客</router-link>
<router-link to="/AddBlog" exact>写博客</router-link>
</li>
</ul>
</nav>
</template>
<script>
export default {
name: "bolgheader"
}
</script>
<style scoped>
ul{
list-style-type: none;
评论0