码迷,mamicode.com
首页 > 其他好文 > 详细

vue中使用router打开一个新的窗口

时间:2019-07-20 23:35:54      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:style   domain   tail   main   query   处理   out   ring   window   

一个单页应用打开一个新的窗口不是很好控制,比如权限的处理,因为原先的页面不会自动刷新,方法很简单:

let routeData = this.$router.resolve({
name: "housingDetails",
query: {id:id,domain:this.domain},
params:{id:id,domain:this.domain}
});
window.open(routeData.href, ‘_blank‘);


或者使用:
<router-link target="_blank" :to="{path:‘/home‘,query:{id:‘1‘}}">新页面打开home页</router-link>相当于 tag=‘a‘

经过尝试发现query的传值可以在新页面通过this.$route.query.id的方式取值,但是使用params时得注意你的路由定义的时候得是xxx/xxx/:id/:domain;否则你将取不到params值

vue中使用router打开一个新的窗口

标签:style   domain   tail   main   query   处理   out   ring   window   

原文地址:https://www.cnblogs.com/wangtaolearning/p/11219559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!