vue跳轉(zhuǎn)不打開新窗口如何解決

本篇內(nèi)容主要講解“vue跳轉(zhuǎn)不打開新窗口如何解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vue跳轉(zhuǎn)不打開新窗口如何解決”吧!

vue跳轉(zhuǎn)不打開新窗口的解決辦法：1、通過“console.log('val.route',val.route)”跳轉(zhuǎn)對(duì)應(yīng)頁(yè)面；2、通過“this.$router.push(val.route)”直接跳轉(zhuǎn)路由，并在當(dāng)前窗口展示即可。

要點(diǎn)：this.$router.resolve

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

如：

 watch:{
    //監(jiān)聽頁(yè)面快捷菜單跳轉(zhuǎn) 如待辦任務(wù)點(diǎn)擊更多 等
    routeObj(val){
       //切換菜單
       this.switchApp(val.code)
       //跳轉(zhuǎn)對(duì)應(yīng)頁(yè)面
       console.log('val.route',val.route)  // 如"/test"
       setTimeout(()=>{
         if(val.tag==1){
            // 直接路由跳轉(zhuǎn)，在當(dāng)前窗口展示
            this.$router.push(val.route)
         }else{
            //打開新窗口展示
            const routeOne = this.$router.resolve({
              path: val.route,
            })
            window.open(routeOne.href, '_blank')
         }        
       },500)    
    }
  },

Vue的優(yōu)點(diǎn)

Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì)，Vue中頁(yè)面使用的是局部刷新，不用每次跳轉(zhuǎn)頁(yè)面都要請(qǐng)求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗(yàn)。

到此，相信大家對(duì)“vue跳轉(zhuǎn)不打開新窗口如何解決”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！