Heim > Web-Frontend > Front-End-Fragen und Antworten > Was soll ich tun, wenn Vue Jump kein neues Fenster öffnet?

Was soll ich tun, wenn Vue Jump kein neues Fenster öffnet?

藏色散人
Freigeben: 2023-01-29 13:51:26
Original
2093 Leute haben es durchsucht

Lösung für den Vue-Sprung, ohne ein neues Fenster zu öffnen: 1. Springen Sie über „console.log('val.route',val.route)“ zur entsprechenden Seite. 2. Springen Sie über „this.$router“ zur entsprechenden Seite .push(val. route)“ springt direkt zur Route und zeigt sie im aktuellen Fenster an.

Was soll ich tun, wenn Vue Jump kein neues Fenster öffnet?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue3-Version, DELL G3-Computer

Was soll ich tun, wenn Vue springt und kein neues Fenster öffnet?

vue Wie öffne ich beim Routing von Sprüngen ein neues Fenster?

Wichtige Punkte: this.$router.resolve

window.open(routeOne.href, '_blank')

Zum Beispiel:

 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)    
    }
  },
Nach dem Login kopieren

Empfohlenes Lernen: „vue-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn Vue Jump kein neues Fenster öffnet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage