vue跳转不打开新窗口的解决办法:1、通过“console.log('val.route',val.route)”跳转对应页面;2、通过“this.$router.push(val.route)”直接跳转路由,并在当前窗口展示即可。
本教程操作环境:Windows10系统、vue3版、DELL G3电脑
vue跳转不打开新窗口怎么办?
vue 路由跳转时,如何打开新窗口展示?
要点:this.$router.resolve
window.open(routeOne.href, '_blank')
如:
watch:{ //监听页面快捷菜单跳转 如待办任务点击更多 等 routeObj(val){ //切换菜单 this.switchApp(val.code) //跳转对应页面 console.log('val.route',val.route) // 如"/test" setTimeout(()=>{ if(val.tag==1){ // 直接路由跳转,在当前窗口展示 this.$router.push(val.route) }else{ //打开新窗口展示 const routeOne = this.$router.resolve({ path: val.route, }) window.open(routeOne.href, '_blank') } },500) } },
推荐学习:《》
以上就是vue跳转不打开新窗口怎么办的详细内容,更多请关注本站点其它相关文章!
本文地址:https://www.stayed.cn/item/27035
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我