前段时间写了个vue项目,其中一个需求是在新窗口打开页面,在网上查了很多方法,有的是不可行,有的是比较麻烦,最后发现了一种比较简单的方法,就是通过router来实现。使用的知识点是:router+ resolve + window.open,具体是这样的:

let {href}= this.$router.resolve({
   path: "/addDeta",   // 这里写的是要跳转的路由地址
   query: {goodsId:'1111'}  // 这里写的是页面参数
});
window.open(href, '_blank');

这里有2点需要注意一下:

1、页面地址名 {href} 这里的大括号不能省略

2、里面的地址要使用 path ,不要使用name,因为使用name可能是直接跳转到根路由去了,这不是我们想要的新窗口页面地址

 

好了,就写到这吧,上面的亲测可用,如果大家有新办法可用留言交流一下。

Logo

前往低代码交流专区

更多推荐