在vue路由器中重定向时如何从vueJS中的URL传递props？

Question

我的“ /”路径重定向到“ / loading”，我需要传递诸如mysite /？demo = true之类的道具，然后将该道具传递给“ / loading”上附加的组件

这是路由器配置

{
  path: '/',
  redirect: '/loading',
},
{
  path: '/loading',
  component: Loading
},

Answer 1

要做：

    {
      path: '/',
      redirect: { path: '/loading', params: { default: true, demo: true } }
    },
    {
      path: '/loading',
      component: Loading
    },

然后在“加载”组件中定义一个名为demo的道具，例如：

props: {
  demo: Boolean,
}

然后，您将能够访问this.demo并读取true，这是通过路由传递的值。

Answer 2

基于Mathew的解决方案，您可以执行this.$route.params.demo

以访问route参数