vue跳转页面打开新窗口，并且携带与接收参数

1、携带普通类型参数

字符串、数字等。

path：要跳转新页面的路由链接
query：要携带的参数

let pathInfo = this.$router.resolve({
  path:'/product_detail',
     query:{
         productId:'11'
     }
 })
 window.open(pathInfo.href, '_blank');

新页面的参数接收：

this.productId = this.$route.query.productId

2、携带复杂类型参数

对象、数组等，通过JSON转换进行传递。

let pathInfo = this.$router.resolve({
   path:'/product_detail',
     query:{
         data:{name:'张三'}
     }
 })
 window.open(pathInfo.href, '_blank');

新页面的参数接收：

console.log(this.$route.query.data)