建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue跳轉(zhuǎn)不打開新窗口如何解決
本篇內(nèi)容主要講解“vue跳轉(zhuǎn)不打開新窗口如何解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vue跳轉(zhuǎn)不打開新窗口如何解決”吧!
讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設、亭湖網(wǎng)站維護、網(wǎng)站推廣。
vue跳轉(zhuǎn)不打開新窗口的解決辦法：1、通過“console.log('val.route',val.route)”跳轉(zhuǎn)對應頁面；2、通過“this.$router.push(val.route)”直接跳轉(zhuǎn)路由，并在當前窗口展示即可。
要點：this.$router.resolve
window.open(routeOne.href, '_blank')
如：
watch:{
//監(jiān)聽頁面快捷菜單跳轉(zhuǎn) 如待辦任務點擊更多 等
routeObj(val){
//切換菜單
this.switchApp(val.code)
//跳轉(zhuǎn)對應頁面
console.log('val.route',val.route) // 如"/test"
setTimeout(()=>{
if(val.tag==1){
// 直接路由跳轉(zhuǎn)，在當前窗口展示
this.$router.push(val.route)
}else{
//打開新窗口展示
const routeOne = this.$router.resolve({
path: val.route,
})
window.open(routeOne.href, '_blank')
}
},500)
}
},Vue的優(yōu)點
Vue具體輕量級框架、簡單易學、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗。
到此，相信大家對“vue跳轉(zhuǎn)不打開新窗口如何解決”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！
當前文章：vue跳轉(zhuǎn)不打開新窗口如何解決
網(wǎng)站URL：http://www.dlmjj.cn/article/jhhigj.html
