vue中路由的跳转并传递参数,获取路由中的参数

1.最简单的一种是使用 router-link

在document中,router-link会自动转化为a标签,使用tag属性,可以转化为其他标签,比如:tag='span'

通过 to=“要跳转的路由” 设置要跳转的路由地址

注意:如果需要传参数,to的前面需要加“:”,改为动态路由

路由跳转

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 ;

你可能感兴趣的:(vue)