Javascript 在Vue js路由之间传递大量数据

Javascript 在Vue js路由之间传递大量数据,javascript,url-routing,router,vue.js,Javascript,Url Routing,Router,Vue.js,我有一个使用Vue.js和Vue路由器搜索航班的应用程序 我有两个组件,第一个是搜索,它位于基本路径“/”上。当用户点击搜索时,它会向服务器发送一个请求,并得到一个巨大的航班列表 然后我需要调用'/results'路由上的结果组件,并使用v-for显示结果 我有两个问题,首先,在得到结果后,如何手动重定向到“/results” 第二,也是更重要的一点,将结果数据传递给结果组件以供使用的正确方式是什么?在结果组件中,可以在路由对象中放置转换挂钩。请看这里: 当组件被激活时,activate钩子运行

我有一个使用Vue.js和Vue路由器搜索航班的应用程序

我有两个组件,第一个是搜索,它位于基本路径“/”上。当用户点击搜索时,它会向服务器发送一个请求,并得到一个巨大的航班列表

然后我需要调用'/results'路由上的结果组件,并使用v-for显示结果

我有两个问题,首先,在得到结果后,如何手动重定向到“/results”


第二,也是更重要的一点,将结果数据传递给结果组件以供使用的正确方式是什么?

在结果组件中,可以在
路由
对象中放置转换挂钩。请看这里:

当组件被激活时,
activate
钩子运行,并且直到activate钩子运行之后,组件才会出现。下面是该页面上的示例,与您的示例类似:

route:{
  activate: function (transition) {
    return messageService
      .fetch(transition.to.params.messageId)
      .then((message) => {
        // set the data once it arrives.
        // the component will not display until this
        // is done.
        this.message = message
    })
  }
}
因此,基本上,当他们单击搜索时,您会将他们发送到
/results
,这个钩子将处理其间的数据加载


下面是一个使用
vue路由器
的邮件应用程序的高级示例,它展示了许多正在运行的过渡挂钩:

谢谢。现在我知道如何从搜索组件访问参数,但我无法设置组件的参数,我尝试了这个;但这并没有改变它。我是在搜索组件的ready函数中完成的。