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 相关文章推荐
javascript 的Document属性和方法集合
Jan 25 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
js特殊字符转义介绍
Nov 05 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
超级简单实现JavaScript MVC 样式框架
Mar 24 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
Vue.extend实现挂载到实例上的方法
May 01 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
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
重新认识php array_merge函数
2014/08/31 PHP
php缓冲输出实例分析
2015/01/05 PHP
使用YII2框架实现微信公众号中表单提交功能
2017/09/04 PHP
python进程与线程小结实例分析
2018/11/11 PHP
php xhprof使用实例详解
2019/04/15 PHP
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
python的三目运算符和not in运算符使用示例
2014/03/03 Python
python中range()与xrange()用法分析
2016/09/21 Python
Python实现Linux中的du命令
2017/06/12 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
初中语文教学反思
2014/02/02 职场文书
社区国庆节活动方案
2014/02/05 职场文书
关于中国梦的演讲稿
2014/04/23 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
中国汉字听写大会观后感
2015/06/02 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript