vue动态路由，同一路由不同菜单刷新

场景：不同菜单跳转指向同一个路由，切换菜单页面不会刷新

这里只说我使用有效成功的方法：

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,
     },
   })
}