vue如何路由跳转

在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）带参跳转

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

如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）

您的姓名 *

身份证号码 *

手机号码 *

选择地区 *

详细地址 *

留言备注 *