vue项目中跳转到外部链接的实例讲解
时间:2021-03-17 09:39:00|栏目:vue|点击: 次
当我们在文件中,如果是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 实现CLI 3.0 + momentjs + lodash打包时优化
栏 目:vue
下一篇:VUE 动态组件的应用案例分析
本文标题:vue项目中跳转到外部链接的实例讲解
本文地址:http://www.codeinn.net/misctech/82139.html