传递参数分为三步:
1、先去要使用的路由下路径给上要传的参数,特别注意路由还需要给上名字
path:'/user/profile/:id',
component:UserProfile,
name:'UserProfile'
2、修改连接方式,在to前面绑定上v-bind:
<el-menu-item index="1-1">
<router-link :to="{name:'UserProfile',params:{id:123}}">个人信息</router-link>
</el-menu-item>
3、在组件里面使用
<template>
<div>用户信息 {{$route.params.id}}</div>
</template>
<script>
export default {
name: "Profile"
}
</script>
<style scoped>
</style>
重定向:这个很简单,就是加上属性redirect即可
{
path: '/gohome',
redirect:'/main'
}
在需要的连接上使用即可
<router-link to="/gohome">返回首页</router-link>