this.$router怎么跳转外链

如果你想在 Vue.js 中使用 `this.$router` 跳转到外部链接，你可以使用 `window.location.href` 或者 `window.open()` 方法。

例如，要在 Vue.js 中从当前页面跳转到 `https://www.example.com`，你可以使用以下代码：

// 使用 window.location.href 跳转
this.$router.push('/')
window.location.href = 'https://www.example.com'

// 使用 window.open() 跳转
this.$router.push('/')
window.open('https://www.example.com')

其中，`window.location.href` 方法会在当前窗口中打开链接，而 `window.open()` 方法会在新窗口中打开链接。请注意，这两种方法都会导致当前页面的 Vue 实例和数据被销毁，因此你需要在跳转前保存必要的数据。

相关问题

this.$router跳转 带参数

在使用`this.$router`进行跳转并带参数的情况下，有两种方式可以传递参数。第一种方式是通过params传递参数，对应的代码如下：

this.$router.push({
  name: '路由的name',
  params: {
    key1: value1,
    key2: value2
  }
})

这样，在目标页面中可以通过`this.$route.params.key1`和`this.$route.params.key2`来获取传递的参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [VueRouter: this.$route.push跳转,携带参数](https://blog.csdn.net/u014635374/article/details/116162950)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

this.$router.push可以外链跳转

不好意思，但是我不是一个能够执行代码的AI。作为一个文本模型，我无法直接运行或解释代码。我只能提供一般性的建议。关于Vue.js中的`this.$router.push`方法，它用于在应用程序内部进行路由跳转，而不是外链跳转。如果你想要进行外链跳转，可以考虑使用原生的JavaScript方法`window.location.href`来实现。例如：`window.location.href = 'http://www.example.com'`可以在当前窗口中打开一个新的链接。具体的实现方式可能会因你的具体需求和项目结构而有所不同，请确保在使用时仔细阅读相关文档和指南。