场景:不同菜单跳转指向同一个路由,切换菜单页面不会刷新
这里只说我使用有效成功的方法:
1:路由写法
传参数根据自己需要自定义
{
path: 'test/:id?', // 可选参数id,用问号表可选
name: 'my/test',
component: () => import('@/views/test/list/list.vue'),
props: ({ params: { id }, query: { name } }) => ({ name: name, id: id }),
meta: { title: '测试' },
},
2:页面跳转
传参数根据自己需要自定义
selectMenu(item) { // 点击菜单的方法
$router.push({
name: item.to.name, // 路由name
params: {
id: item.id
},
query: {
name: item.menuName,
},
})
}