【VUE】vue中实现路由跳转到外部链接界面
项目中用前端的是vue框架,有一个需求是,当点击一个按钮后,跳转到原来已经发布过的ionic界面上。如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,因为外部页面中是有HTTP等前缀的,那么我们如何跳转到外部链接呢,我们只需用 window.location.href = ‘url’来实现,具体代码如下://在data.
·
项目中用前端的是vue框架,有一个需求是,当点击一个按钮后,跳转到原来已经发布过的ionic界面上。如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,因为外部页面中是有HTTP等前缀的,那么我们如何跳转到外部链接呢,我们只需用 window.location.href = ‘url’来实现,具体代码如下:
//在data中定义好需要用到的路由数据
url:"http://www.baidu.com"
触发一个点击事件,其中item.url是传给执行方法的url链接,下面是事件执行的函数。
<span @click="See(item.url)">
方法执行:
See (e) {
window.location.href = e
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)