Vue 中在新窗口打开页面并传参

Vue 中在新窗口打开页面并传参,第1张

需求:

实现在新窗口中打开页面,并传递参数,该参数不能显示在地址栏中,除非手动关闭该新窗口,否则传递给页面的参数不能丢失。

//打开新窗口并传参,参数不能显示在地址栏里面,不关闭窗口一直刷新,参数一直有效

handleWindow() {
    var route = this.$router.resolve({
    name: ‘Xterm’,
    })
    //主要实现存储参数的功能
    sessionStorage.setItem("ip", "1.1.1.1");
    window.open(route.href, ‘_blank’)
}

//路由配置
{
    path: '/xterm',
    name: 'Xterm',
    component: () => import('@/views/monitor/xterm/index'),
},

//新页面接收参数
created() {
    alert(sessionStorage.getItem('ip'));
    this.ip = sessionStorage.getItem('ip')
},

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1296592.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存