vue项目中跳转到外部链接的实例讲解


Posted in Javascript onSeptember 20, 2018

当我们在文件中,如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,我们一看链接的路径,原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢,我们只需用 window.location.href = ‘url'来实现,具体代码如下:

<span @click="See(item.qj_url)">360全景看房</span>

上面是触发一个点击事件,其中item.qj_url是传给see的url链接,下面是事件执行的函数

See (e) {
  window.location.href = e
  }
 }

ok,到此就结束啦!

以上这篇vue项目中跳转到外部链接的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
深入理解Promise.all
Aug 08 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 #Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 #Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 #Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 #Javascript
浅谈React Event实现原理
Sep 20 #Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 #Javascript
Node批量爬取头条视频并保存方法
Sep 20 #Javascript
You might like
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
php根据年月获取季度的方法
2014/03/31 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
PHP中常用的魔术方法
2017/04/28 PHP
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
AngularJs Forms详解及简单示例
2016/09/01 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
nodejs之get/post请求的几种方式小结
2017/07/26 NodeJs
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
JavaScript大数相加相乘的实现方法实例
2020/10/18 Javascript
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python使用matplotlib绘制动画的方法
2015/05/20 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
简单了解python反射机制的一些知识
2019/07/13 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
python list的index()和find()的实现
2020/11/16 Python
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
Linux机考试题
2015/10/16 面试题
计算机专业毕业生求职信分享
2013/12/24 职场文书
2015年车间主任工作总结
2015/05/21 职场文书