vue跳轉(zhuǎn)外部鏈接始終有l(wèi)ocalhost的問題
更新時間：2023年03月10日 10:32:19 作者：雙手依舞
這篇文章主要介紹了vue跳轉(zhuǎn)外部鏈接始終有l(wèi)ocalhost的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue跳轉(zhuǎn)外部鏈接始終有l(wèi)ocalhost
在寫頁面跳轉(zhuǎn)的時候，跳轉(zhuǎn)的新頁面始終帶有l(wèi)ocalhost:端口號
- 錯誤圖片如下：
- 正確圖片如下：
btnClick(){
let url = "www.baidu.com"
window.open(url) // 這種跳轉(zhuǎn)的話始終帶一個localhost
window.open(`https://${url}`) //這樣的話就跳轉(zhuǎn)正確了
},
注意點：跳轉(zhuǎn)的url加上http或https協(xié)議即可
vue頁面跳轉(zhuǎn)外部鏈接打開新標簽頁
let ? window.open(href, '_blank');
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue如何使用jsmind實現(xiàn)生成腦圖,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考一下2024-03-03
今天小編就為大家分享一篇vue 實現(xiàn)單選框設置默認選中值，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vant移動端顯示table效果,增加復選框,可以進行多選和全選,加橫向滾動條,可以看全部內(nèi)容,下面通過本文給大家分享vue+vant移動端顯示table表格加橫向滾動條效果,感興趣的朋友跟隨小編一起看看吧2024-06-06
這篇文章主要為大家詳細介紹了基于vue組件實現(xiàn)猜數(shù)字游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue如何清除地址欄參數(shù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法
下面小編就為大家分享一篇Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vue組件之Tooltip的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了Vue中在setup下如何使用自定義指令，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
Vite?使用?Rollup?作為默認的構(gòu)建工具,可以將應用程序的源代碼打包成一個或多個優(yōu)化的靜態(tài)文件,本文就來為大家介紹一下Vite如何進行項目搭建與環(huán)境配置吧2023-09-09
這篇文章主要給大家介紹了關(guān)于Swiper在Vue2中的簡單使用方法,swiper是一款現(xiàn)代化的移動端輪播組件,可以在Vue中輕松使用,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-11-11