vue路由跳转到一个新的页面

1.直接跳转

  this.$router.push({
        name: "shop-article-Edit",
        query: {
                flag: "edit",
                data: encodeURIComponent(JSON.stringify(params.row))
               },
      });

2.跳转到新的页面 

关键点：resolve 

获取到路由数据后，直接用js原生跳转的方式跳转

   let routerData = this.$router.resolve({
        name: "shop-article-Edit",
        query: {
                flag: "edit",
                data: encodeURIComponent(JSON.stringify(params.row))
               },
       });
   window.open(routerData.href, '_blank');

 我们把routerData.href打印出来，可以看到url已经拼接好参数了。