Vue 中在新窗口打开页面并传参
需求:实现在新窗口中打开页面,并传递参数,该参数不能显示在地址栏中,除非手动关闭该新窗口,否则传递给页面的参数不能丢失。//打开新窗口并传参,参数不能显示在地址栏里面,不关闭窗口一直刷新,参数一直有效handleWindow() {var route = this.$router.resolve({name: ‘Xterm’,})//主要实现存储参数的功能sessionStorage.setIte
·
需求:
实现在新窗口中打开页面,并传递参数,该参数不能显示在地址栏中,除非手动关闭该新窗口,否则传递给页面的参数不能丢失。
//打开新窗口并传参,参数不能显示在地址栏里面,不关闭窗口一直刷新,参数一直有效
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')
},
更多推荐
已为社区贡献2条内容
所有评论(0)