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

【问题标题】：How to pass props from URL in vueJS when redirect in vue router?在vue路由器中重定向时如何从vueJS中的URL传递道具？
【发布时间】：2019-09-01 02:59:23
【问题描述】：

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

这是路由器配置

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

【问题讨论】：

标签： javascript vue.js vue-router

【解决方案1】：

做：

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

在你的 Loading 组件中，你定义了一个叫做 demo 的 prop，比如：

props: {
  demo: Boolean,
}

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

【讨论】：

【解决方案2】：

基于 Mathew 的解决方案，要访问路由参数，您可以执行 this.$route.params.demo

【讨论】：