vue路由跳转如何在新窗口打开？

vue路由跳转如何在新窗口打开？下面web建站小编给大家详细介绍一下具体实现代码！

具体实现代码如下：

watch:{
   //监听页面快捷菜单跳转
   routeObj(val){
      //切换菜单
      this.switchApp(val.code)
      //跳转对应页面
      console.log('val.route',val.route)
      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两个路由之间的跳转（代码介绍）

react点击链接路由跳转页面空白怎么解决

react路由跳转方式与路由前进回退代码介绍

vuejs怎么实现路由跳转？

标签： 路由跳转

上面是“vue路由跳转如何在新窗口打开？”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3445.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！