Vue Jump가 새 창을 열지 않으면 어떻게 해야 합니까?

새 창을 열지 않고 vue 점프하는 방법: 1. "console.log('val.route',val.route)"를 통해 해당 페이지로 이동합니다. 2. "this.$router"를 통해 해당 페이지로 이동합니다. .push(val.route)"는 해당 경로로 직접 점프하여 현재 창에 표시합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 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 Jump가 새 창을 열지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!