vue中路由的跳转并传递参数,获取路由中的参数
1.最简单的一种是使用 router-link在document中,router-link会自动转化为a标签,使用tag属性,可以转化为其他标签,比如:tag='span'通过 to=“要跳转的路由” 设置要跳转的路由地址注意:如果需要传参数,to的前面需要加“:”,改为动态路由<router-link tag='span' :to=" '/v1/' + id "
·
1.最简单的一种是使用 router-link
在document中,router-link会自动转化为a标签,使用tag属性,可以转化为其他标签,比如:tag='span'
通过 to=“要跳转的路由” 设置要跳转的路由地址
注意:如果需要传参数,to的前面需要加“:”,改为动态路由
<router-link tag='span' :to=" '/v1/' + id ">路由跳转</router-link>
2.重定向
2.1 params
this.$router.push({
path:'/home',
params:{id:'123'}
});
此时访问的路由为 /home/123
取值:this.$route.params.id ;
2.2 query
this.$router.push({
path:'/home',
query:{id:123}
})
此时访问的路由为 /index?id=123
取值:this.$route.query.id ;
更多推荐
已为社区贡献13条内容
所有评论(0)