vue中使用router打开一个新的窗口
2019-07-20 22:17
756 查看
原文链接:http://www.cnblogs.com/wangtaolearning/p/11219559.html
一个单页应用打开一个新的窗口不是很好控制,比如权限的处理,因为原先的页面不会自动刷新,方法很简单:
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值
转载于:https://www.cnblogs.com/wangtaolearning/p/11219559.html
相关文章推荐
- Vue中在新窗口打开页面及Vue-router的使用
- JS 打开一个模式窗口,使用Cookie传递一个参数
- 简述vue路由打开一个新的窗口的方法
- 使用Response.Redirect 两种方法打开一个新窗口
- 打开一个iframe,从iframe更改父窗口parent里面的内容,jquery弹出窗口插件fancybox的使用
- JS 打开一个模式窗口,使用Cookie传递一个参数
- 使用selenium+python;在页面A点击一个按钮跳转到页面B,页面A没有关闭,浏览器打开了一个B,切换窗口定位页面B的元素
- Linux 文件系统剖析: 使用 /proc 文件系统来访问 Linux 内核的内容 这个虚拟文件系统在内核空间和用户空间之间打开了一个通信窗口
- 【原】使用vue2+vue-router+vuex写一个cnode的脚手架
- 如果使用vue跳转路由的时候打开新的窗口页面
- vue中使用splice()删除数组中的一个数据 弹出窗口提示。
- Linux 文件系统剖析: 使用 /proc 文件系统来访问 Linux 内核的内容 这个虚拟文件系统在内核空间和用户空间之间打开了一个通信窗口
- matlab 使用一个figure窗口打开多个fig文件
- 浏览器链接只打开一个窗口
- Linux下在一个终端上使用多个窗口操作
- [转]IE点击链接没有反应或打开新窗口出现一个空白框(地址栏空白)的解决方法
- 在WinCE下使用C#来打开一个外部程序
- C#Form打开一个新窗口的同时关闭这个窗体
- [原创]由一个窗口打开另一个窗口向这个打开的窗口传值(要求第一个窗口不刷新页面)
- 在使用JS调用Window.close()方法关闭一个窗口是,如何禁止弹出对话窗口?