要实现页面跳转,首先被跳转页面需要在路由配置页面(router文件夹下的index文件)内,注册配置信息(注意是公共路由下),如下:
{
path: '/did',
component: Layout,
redirect: 'index',
children: [
{
path: 'cpt/index',
component: () => import('@/views/did/cpt/index'),
name: 'cptList',
meta: { title: '凭证服务列表', icon: 'user' },
props: true
}
]
},
redirect: 'index':表示要嵌套在内层
component: () => import('@/views/did/cpt/index') :表示定位到组件所处的文件位置
name: 'cptList' :路由名称
meta: { title: '凭证服务列表', icon: 'user' }:组件的显示信息,页面标题啥的
然后到组件内实现跳转方法,如下:
// 跳转到凭证列表页面
toCptList(row) {
this.$router.push({
name: 'cptList',
path:"/did/cpt/index",
params: {
id: row.id,
}
})
}
通过params传参,但是需要name指定要接参的路由,否则参数传不到
接参数:
// 通过this.$route.params获取上一页面传过来的参数
this.$route.params.id