vue跳轉外部鏈接始終有l(wèi)ocalhost的問題
更新時間：2023年03月10日 10:32:19 作者：雙手依舞
這篇文章主要介紹了vue跳轉外部鏈接始終有l(wèi)ocalhost的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue跳轉外部鏈接始終有l(wèi)ocalhost
在寫頁面跳轉的時候，跳轉的新頁面始終帶有l(wèi)ocalhost:端口號
- 錯誤圖片如下：
- 正確圖片如下：
btnClick(){
let url = "www.baidu.com"
window.open(url) // 這種跳轉的話始終帶一個localhost
window.open(`https://${url}`) //這樣的話就跳轉正確了
},
注意點：跳轉的url加上http或https協(xié)議即可
vue頁面跳轉外部鏈接打開新標簽頁
let ? window.open(href, '_blank');
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
詳解vue與后端數(shù)據交互(ajax)：vue-resource
本篇文章主要介紹了詳解vue與后端數(shù)據交互(ajax)：vue-resource，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
基于Vue 實現(xiàn)一個中規(guī)中矩loading組件
這篇文章主要介紹了基于Vue 實現(xiàn)一個中規(guī)中矩loading組件,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細介紹了vue+echarts實帶漸變效果的折線圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue中使用swiper5方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
本文主要介紹了vuex命名空間的使用，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue中使用render封裝一個select組件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
詳解Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別）
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
vite+vue3項目報錯：TypeError:?Promise.allSettled?is?not?a?fu
Vite+Vue3項目中遇到“TypeError:?Promise.allSettled?is?not?a?function”錯誤,通常是因為當前運行的JavaScript環(huán)境不支持Promise.allSettled,下面就來介紹幾種解決方法,感興趣的可以了解一下2024-12-12
Vue?uni-app框架實現(xiàn)上拉加載下拉刷新功能
uni-app是一個使用Vue.js(opens?new?window)開發(fā)所有前端應用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺2022-09-09
Vue實現(xiàn)購物車的全選、單選、顯示商品價格代碼實例
這篇文章主要介紹了Vue實現(xiàn)購物車的全選、單選、顯示商品價格實例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05