vue项目中跳转到外部链接方法
2017-09-27 17:58
295 查看
当我们在文件中,如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,我们一看链接的路径,原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢,我们只需用 window.location.href = ‘url’来实现,具体代码如下:
上面是触发一个点击事件,其中item.qj_url是传给see的url链接,下面是事件执行的函数
ok,到此就结束啦
<span @click="See(item.qj_url)">360全景看房</span>
上面是触发一个点击事件,其中item.qj_url是传给see的url链接,下面是事件执行的函数
See (e) { window.location.href = e } }
ok,到此就结束啦
相关文章推荐
- vue项目中跳转到外部链接方法
- vue项目中跳转到外部链接的实例讲解
- vue项目跳转到外部链接
- vue项目中引入外部css以及js文件的方法
- webpack+vue-cli项目中引入外部非模块格式js的方法
- svn,使用外部链接,让某些文件引用自其它项目的方法。SVN: svn:externals
- Vue项目中引入外部文件的方法(css、js、less)
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- 详解从新建vue项目到引入组件Element的方法
- 项目开发过程中的细节问题及解决方法(Vue,Css)(入门级)
- ASP.NET弹窗+跳转链接写法+常用邮箱跳转判断方法
- DEDECMS自定义表单提交后的跳转链接修改方法
- vue中页面跳转拦截器的实现方法
- js实现点击链接后延迟3秒再跳转的方法
- vue项目导入外部css样式和js文件
- 在vue项目中正确使用iconfont的方法
- NPM 方法安装vue.js,初始化项目并启动
- vue 搭建项目环境方法步骤
- 发布链接外部数据库的MXD为服务时遇到的问题及解决方法