父页面向子页面传值,可以通过router传值。
比如我的项目场景是列表页点查看去到详情页,然后就需要传ID或者其他值过去。
直接上代码
在router.js里是这样写的,
首先component先import好。contractManageIndex是显示在导航栏的
再来解释children里面:合同管理是列表页,添加合同和合同详情都是详情页,可以看到详情页都有redirectName: ‘contract’,这是让详情可以回到列表页,还有一个 hidden: true,这是为了不让详情显示在导航栏上,因为毕竟详情页不可能显示在导航栏上嘛。
最后列表页传值就需要在path: 'addcontract/:id/:type’这样写,比如我需要传id和type两个值,在往下看页面上应该怎么写。
{
path: '/contractManageIndex',
name: 'contractManageIndex',
routerName: '合同管理',
component: contractManageIndex,
redirect: '/contractManage/contract',
meta: {
showNavLayout: true,
requireAuth: true,
icon: 'el-icon-s-order'
},
children: [
{
path: 'contract',
name: 'contract',
routerName: '合同管理',
component: contract,
meta