vue跳轉不開啟新視窗怎麼辦

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影片教學》

以上是vue跳轉不開啟新視窗怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！