vue 路由跳转页面位置

在Vue中，可以使用VueRouter来实现路由跳转。在代码中，可以通过声明式导航router-link来实现跳转到不同页面的位置。

例如，可以使用以下代码来跳转到name为home的页面：
<router-link :to="{name:'home'}"></router-link>
或者
<router-link :to="{path:'/home'}"></router-link>

在路由配置中，可以使用path参数来传递数据：
1. 通过params传递参数：
<router-link :to="{name:'home', params: {id:1}}"></router-link>
或者
<router-link :to="/home/:id"></router-link>

2. 通过query传递参数：
<router-link :to="{name:'home', query: {id:1}}"></router-link>
或者
<router-link :to="{name:'detail', query: {item:JSON.stringify(obj)}}"></router-link>

另外，也可以直接通过path传递参数：
1. 首先在路由配置中设置path参数：
name: 'home',
path: '/home/:id'

2. 然后可以使用以下代码进行跳转：
this.$router.push({path:'/home/123'})
或者
this.$router.push('/home/123')
3. 最后，可以通过this.$route.params.id来获取参数。
这样就可以在Vue中实现路由跳转到不同页面的位置了。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>