本篇内容主要讲解“vue跳转不打开新窗口如何解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue跳转不打开新窗口如何解决”吧!
vue跳转不打开新窗口的解决办法：1、通过“console.log('val.route',val.route)”跳转对应页面；2、通过“this.$router.push(val.route)”直接跳转路由，并在当前窗口展示即可。
要点：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具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。
到此，相信大家对“vue跳转不打开新窗口如何解决”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
