Vue如何实现路由跳转至外部链接页面的详细步骤是什么？

本文共计1022个文字，预计阅读时间需要5分钟。

目录 + Vue路由跳转到外部链接界面 + Vue路由跳转说明 + Vue路由跳转到外部链接界面 + 项目中使用的前端是Vue框架，有一个需求是，当点击一个按钮后，跳转到已经发布过的ionic界面。

目录

• vue路由跳转到外部链接界面
• vue路由跳转说明

vue路由跳转到外部链接界面

项目中用前端的是vue框架，有一个需求是，当点击一个按钮后，跳转到原来已经发布过的ionic界面上。

如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，因为外部页面中是有HTTP等前缀的，那么我们如何跳转到外部链接呢，我们只需用 window.location.href = ‘url’来实现

具体代码如下：

//在data中定义好需要用到的路由数据 url:"www.baidu.com"

触发一个点击事件，其中item.url是传给执行方法的url链接，下面是事件执行的函数。