1、vue中获取路由参数 以及 获取之后在页面渲染路由参数
(1)路由参数是通过 this.$router.options.routes 获取,拿我所做的项目举例,数据如下
(2)获取数据以后在页面渲染数据参数
computed: {
routes() {
return this.$router.options.routes
}
}
通过computed将数据取出,循环数据直接在routes里面取数据,eg:
v-for="(item,index) in routes"
(3)router-link标签在选中时候的样式
在做项目的时候,有以下需求,需要对当前点击的router-link标签加样式
这个的实现只要给class名为router-link-active的加上css样式即可,如下示例:
.router-link-active{
background: #5965e7;
color: #fff;
}