通过router路由新打开界面

方法一: router-link

 <router-link :to="{path: '/home'}" target='_blank' tag='a'>
 	<span>首页</span>
 </router-link>

方法二：router.resolve() + window.open()

toHome () {
	const url = this.$router.resolve({path: '/home'});
	window.open(url.href, '_blank');
}

问题说明

sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage）

在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗口不共享），当页面全部关闭或窗口关闭后，sessionStorage数据会被摧毁，所以你用a标签跳转还是js跳转都会共享sessionStorage。在2021年3月初Chrome浏览器进行了批量更新，更新到89版本后，通过a标签 target="_blank" 跳转到新页面时 sessionStorage 就会丢失。

解决方法：

a标签添加属性 rel="opener"或者 vue-router也可以直接在Link上添加 rel="opener"
以上只能解决部分浏览器的问题，最好的方式是将需要传递的数据放到localStorage中。