vue a链接跳转打开外部链接

背景：

vue单页应用项目直接使用a标签跳转到外部链接报错

问题分析：

a标记触发的跳转默认被router处理，加上了前缀，见如下代码:

<--a标签--><ahref="'www.baidu.com/'"target="_blank">a标签跳转到外部链接测试</a>
// 跳转后浏览器地址栏结果
http://localhost:8080/'https://www.baidu.com/#home'
解决方法：
使用浏览器BOM操作(window.location.href)解决这个问题，实现直接跳转到外部链接，相关代码如下：<div @click="toRescue">window.location.href跳转到外部链接测试</div>......data() {return {url: 'https://www.baidu.com/',};},methods: {toRescue() {window.location.href = this.url;},},
// 跳转后浏览器地址栏结果
https://www.baidu.com/<--a标签--><ahref='https://www.baidu.com/'target="_blank">a标签跳转到外部链接测试</a>
// 跳转后浏览器地址栏结果
http://localhost:8080/'https://www.baidu.com/#home'

vue a链接跳转打开外部链接相关推荐

H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
vue项目中自动跳转到外部链接
今天在写一个web项目的时候,发现有一个功能需要点击导出,然后弹出框选择下载在本地,并且要求下的文件是xlsx类型的.首先我的思路是,点击导出,然后后端查询数据库的数据,把数据写入本地xlsx表中,然 ...
vue轮播图实现点击图片跳转到外部链接
需求:点击轮播图中的图片跳转到外部链接,比如跳转到csdn首页. 实现: 1.写出大体框架 <template><el-carousel :interval="4000&q ...
PyQt5在对话框中打开外部链接的方法
利用PyQt5部分控件的Link属性链接 PyQt5有几个控件带有 setOpenExternalLinks , 如 QLabel.QTextLabel . QTextBrowser 等当 setO ...
Pyqt 打开外部链接的几种方法
Pyqt 触发一个事件,打开外部链接,我找到了这个方法,供大家参考 1. QDesktopServices 的openUrl 方法 1 QtGui.QDesktopServices.openUrl(Q ...
[iOS]打开外部链接
打开外部链接 /// 打开外部链接 + (void)openScheme:(NSString *)scheme {UIApplication *application = [UIApplication ...
已解决：什么是内部链接，什么是外部链接？
这里并没不是讨论大学课程中所学的<编译原理>,只是写一些我自己对C++编译器及链接器的工作原理的理解和看法吧,以我的水平,还达不到讲解编译原理(这个很复杂,大学时几乎没学明白). 要明白的 ...
vue二级路由跳转后外部引入js失效问题解决方案
vue二级路由跳转后外部引入js失效问题解决方案参考文章: (1)vue二级路由跳转后外部引入js失效问题解决方案 (2)https://www.cnblogs.com/LittleT/p/9077 ...
vue跳转到外部链接，vue页面的跳转
Vue项目中跳转外部链接 google 就用a标签跳转 vue 页面跳转的两种方式 1,标签跳转 <router-link to='two.html'><button>点我到第 ...

vue a链接跳转打开外部链接

背景：

问题分析：

vue a链接跳转打开外部链接相关推荐

最新文章

热门文章