vue如何路由跳转 vue路由跳转页面空白

博主:xiaoweixiaowei 2022-12-21 条评论

在vue中实现路由跳转的方法有:1.使用this.$router.push()跳转;2.使用router-link跳转;

在vue中实现路由跳转的方法有以下几种

1.使用this.$router.push()跳转

1)不带参跳转

this.$router.push('/home')

this.$router.push({name:'home'})

this.$router.push({path:'/home'})

2)带参跳转

this.$router.push({name:'home',query: {id:'1'}})

this.$router.push({path:'/home',query: {id:'1'}})

this.$router.push({name:'home',params: {id:'1'}})

2.使用router-link跳转

1)不带参跳转

<router-link :to="{name:'home'}"> 

<router-link :to="{path:'/home'}">

2)带参跳转

vue如何路由跳转

<router-link :to="{name:'home', params: {id:1}}">
<router-link :to="{name:'home', query: {id:1}}">

The End

发布于:2022-12-21,除非注明,否则均为 主机评测原创文章,转载请注明出处。