如何将查询参数绑定到命名路由器视图

如何解决如何将查询参数绑定到命名路由器视图

path: '/register',name: 'Register',components: {
  loginView: () =>
    import(/* webpackChunkName: "register" */ '../views/Register.vue'),},Meta: { guest: true },// props: { loginView: true },// how to pass query params to custom router views? this is not working
props: route => ({
  email: route.query.email,token: route.query.token,}),

如何将查询参数传递给命名路由器视图？此处使用功能形式不适用于命名路由器视图。对象形式有效（注释掉了一个），但不会将查询参数映射到道具，仅将参数映射到道具。

解决方法

我得到了不和谐的答案：

props: {
  loginView: route => ({
    email: route.query.email,token: route.query.token
  })
}

基本上，如果您使用components（对象形式）而不是component（功能形式），则需要以相同的方式提供道具。

为完整起见，我将此路由称为：http://localhost:8000/register?token=3424234&email=some@email.com，loginView仅被命名为路由器视图（<RouterView name="loginView" />）。