vue跳转不打开新窗口如何解决

本篇内容主要讲解“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的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。

到此，相信大家对“vue跳转不打开新窗口如何解决”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！