vue单页面项目在新窗口打开页面的方法
前段时间写了个vue项目,其中一个需求是在新窗口打开页面,在网上查了很多方法,有的是不可行,有的是比较麻烦,最后发现了一种比较简单的方法,就是通过router来实现。使用的知识点是:router+resolve + window.open,具体是这样的:let {href}= this.$router.resolve({path: "addDeta",// 这里写的是要跳转的...
·
前段时间写了个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可能是直接跳转到根路由去了,这不是我们想要的新窗口页面地址
好了,就写到这吧,上面的亲测可用,如果大家有新办法可用留言交流一下。
更多推荐
已为社区贡献4条内容
所有评论(0)