1、编程式导航方式使用this.$router.resolve方法

dofunc () {
 let routeUrl = this.$router.resolve({
path: '/abc',
query: {id : 22}
})
window.open(routeUrl .href, '_blank)
}

2、router-link

<router-link target="_blank" :to="{path:'/abc',query:{id:'22'}}">新页面</router-link>

项目实际遇到的问题及解决办法:
经过测试,这种blank跳转的方式是不支持params传递参数的,而我需要传递的参数很多,通过query传递参数不现实
这个时候,我将需要传递的参数内的唯一标识符通过query传递到新开的页面,而其他的大部分数据,通过localstorage进行本地缓存起来,然后在新页面通过query传递过来的唯一标识从localstorage来获取大部分数据,然后及时的移除本地存储的数据就可以了。完美绕开了这个限制。

Logo

前往低代码交流专区

更多推荐