vue使用window.location.href 跳转失败

news/2025/1/23 6:35:41/

问题:

vue项目中直接使用window.lcocation.href跳转外链,但是跳转的链接会被拼接成这样

http://localhost:8080/#/www.baidu.com

原因:

我们打开的外部链接会自动拼接我们的源地址,导致网址链接不正确,无法正常访问

解决:

法一:

// 这里的地址前面就不用加协议了'http:// 或者 https://' 下面一句话就是处理这个的。
let url = 'www.baidu.com' let path = window.location.protocol +  "//" + urlwindow.location.href = path

 封装方法:

// 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦!
jumpUrl(url){let path=window.location.protocol+'//'+urlwindow.location.href=path
},

法二:

window.open(url, target)

法三:

要跳转的url拼接完成,包括协议、域名。

参考:VUE跳转外部链接和网页的方法_vue跳转到外部链接,新开一个页面_过期の秋刀鱼的博客-CSDN博客

文章来源:https://blog.csdn.net/qq_43654065/article/details/132877944
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ppmy.cn/news/1115568.html

相关文章

uni-app实现web-view图片长按下载

<template><view><web-view :webview-styles"webviewStyles" :src"webUrl"></web-view></view> </template> uniapp的web-view中图片无法长按保存&#xff0c;IOS下是正常的&#xff0c;但是Android下长按无反应 解…

java -jar后出现中文乱码

吹牛撒谎是道义上的灭亡,它势必引向政治上的灭亡。列宁 黑窗口执行一个jar包&#xff0c;发现程序运行后打印的日志全部出现中文乱码的情况&#xff0c;现记录一下解决的办法。 网上说dos窗口出现中文乱码有两种情况&#xff0c;一是运行jar包后程序输出的日志出现乱码&#x…

飞讯软件受邀参加天翼云中国行·惠州站活动,并签约生态合作共推工业数字化转型

2023年9月15日&#xff0c;中国电信股份有限公司惠州分公司在惠州市电信大楼举办了名为“国云注智 数字跨粤”的天翼云中国行惠州站活动&#xff0c;旨在加速推动天翼云能力的应用&#xff0c;为惠州千行百业的数字化转型赋能。本次活动邀请了惠州市工业和信息化局领导、业界专…

【LeetCode-简单题】剑指 Offer 58 - II. 左旋转字符串

文章目录 题目方法一&#xff1a;连续双指针翻转 题目 方法一&#xff1a;连续双指针翻转 class Solution {public String reverseLeftWords(String s, int n) {StringBuffer sb new StringBuffer(s);reverseWord(sb,0,n-1);reverseWord(sb,n,sb.length()-1);return sb.revers…

Kruskal重构树+AC自动机+树状数组:Gym - 104542F

https://vjudge.net/contest/579844#problem/F 看到连边和没有强制在线&#xff0c;考虑Kruskal重构树看到判断子串&#xff0c;考虑AC自动机线段树 然后要非常大胆地把两个结合起来。 然后就是大码量了。 具体总结一下流程&#xff1a; 先建出Kruskal重构树对Kruskal重构…

vue3+ts 实现移动端分页

current 开始页码 pageSize 结束页码 const sizeref<number>(10) //一页显示十条 const eachCurrentPageref<number>(1) //默认是第一页interface ITdata {current: number,pageSize: number,// xxxx 其他参数... } const selectApplyList ref<…

九芯电子丨语音智能风扇,助您畅享智慧生活

回忆童年时期的传统机械风扇&#xff0c;那“古老”的扇叶连摆动看起来是那么吃力。在一个闷热的夏夜&#xff0c;风扇的噪音往往令人印象深刻。但在今天&#xff0c;静音家用风扇已取代了传统的机械风扇。与此同时&#xff0c;随着智能化的发展&#xff0c;智能家居已逐渐成为…

Xcode14.3.1 真机调试iOS17的方法(无iOS17 DeviceSupport)

由于iOS17需要使用Xcode15 才能调试&#xff0c;而当前Xcode15都是beta&#xff0c;正式版还未出&#xff0c;那么要真机调试iOS17的方式一般有两种&#xff1a; 方法一&#xff1a; 一种是下载新的Xcode15 beta版 &#xff08;但Xcode包一般比较大&#xff0c;好几个G&#…