vue打开到新页面,并传递参数

Posted wangqiao170

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打开到新页面,并传递参数相关的知识,希望对你有一定的参考价值。

打开新页面,有两种方式,

一种是标签式:

<router-link tag="a" target="_blank" :to="path: ‘/edit‘, params: id: ‘000‘">
 
一种是函数编程式:
let routeData = this.$router.resolve(
  path:‘/edit‘,
  query:id: ‘000‘
);
window.open(routeData.href, ‘_blank‘);
 
标签式传值有点问题,在新页面中获取不到参数,所以试了下使用函数式,在新页面中使用:
this.$route
可以获取到路由中的信息,包括参数。

以上是关于vue打开到新页面,并传递参数的主要内容,如果未能解决你的问题,请参考以下文章

如何在Vue中提交表单,重定向到新路由并传递参数?

将数组作为url参数传递并重定向到新页面

jqgrid如何在一个页面点击按钮后,传递参数到新页面

微信小程序 页面跳转navigator与传递参数

Vue2.0,路由页面自己可以带着不同参数跳转到当前路由吗

Vue的参数请求与传递