vue打开新窗口并传参的实现运作介绍
发布时间：2022-04-20 09:45:15 所属栏目：语言 来源：互联网
导读：这篇文章主要介绍如何实现vue打开新窗口并传参，实现的具体功能就是打开一个新的窗口展示页面，同时需要传参数，但是参数不能显示在地址栏，而且刷新页面后，传的参数不会丢失。下面通过图文形式给大家分享一下如实现上述操作。 打开新窗口并传参代码 //打开
|
这篇文章主要介绍如何实现vue打开新窗口并传参，实现的具体功能就是打开一个新的窗口展示页面，同时需要传参数，但是参数不能显示在地址栏，而且刷新页面后，传的参数不会丢失。下面通过图文形式给大家分享一下如实现上述操作。 打开新窗口并传参代码 //打开新窗口并传参，参数不能显示在地址栏里面，不关闭窗口一直刷新，参数一直有效 handleWindow() { //主要实现打开新窗口的功能 var route = this.$router.resolve({ name: 'Xterm', }) //主要实现存储参数的功能 sessionStorage.setItem("ip", "1.1.1.1"); window.open(route.href, '_blank') } 我的路由配置，也贴出来好了 { path: '/xterm', hidden: true, component: () => import('@/views/monitor/xterm/index'), name: 'Xterm', }, 现在是页面接收参数 //vue的初始化方法，页面一初始化，就去拿参数 created() { alert(sessionStorage.getItem("ip")); this.ip = sessionStorage.getItem("ip") }, 好了，使用router.resolve，我们可以跳转到新窗口里，那么现在就开始传参了，这就到了坑爹的地方了。按照网上的搬运来看，主要是如下两种传参； //测试第一种传参 testA (aaa) { const route = this.$router.resolve({ name: 'Xterm', params: { ip: aaa } }) window.open(route.href,'_blank') （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
