本篇内容主要讲解“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跳转不打开新窗口如何解决”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
