溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關利用vue路由怎么打開一個新的窗口，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
在vue的官方文檔中
看到這大家應該會想，既然router-link不支持target="_blank"屬性，那我們該怎么用router-link打開一個新的窗口呢？別急，繼續往下看~
文檔中還有一處描述
router-link添加tag="li"屬性后，居然可以變成li標簽渲染出來，真特么神奇哈，那可不可以寫成tag="a",從而去替代a標簽呢？我們嘗試著寫一哈
<router-link tag="a" target="_blank" to="/about">新品</router-link>
上圖是官網的最新說法，vue2.0以后router.go和router.push就不支持新窗口打開的屬性了，現在用一種新的方式router.resolve
let routeData = this.$router.resolve({
path: "/about",
query: {
name:'lei',
age: 18,
phoneNum:12345678901
}
});
window.open(routeData.href, '_blank');Vue是一套用于構建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區別是，使用Vue可以自底向上逐層應用，其核心庫只關注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。
上述就是小編為大家分享的利用vue路由怎么打開一個新的窗口了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
