vue-router跳转页面时打开新标签(新页面)的方法——附机智的处理params不能传参,query传参长度限制的问题
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="_bl...
·
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来获取大部分数据,然后及时的移除本地存储的数据就可以了。完美绕开了这个限制。
更多推荐
已为社区贡献28条内容
所有评论(0)