vue 跳转外部链接

作者：涅盘の梦发布日期:2025-12-30 浏览:46

// 在 Vue 中跳转到外部链接可以通过使用 window.location.href 或者 this.$router.push({ path: '...' }) 来实现。下面是两种常见的方式：

// 1. 使用 window.location.href 直接跳转到外部链接
methods: {
  goToExternalLink() {
    window.location.href = 'https://www.example.com'; // 替换为你的外部链接
  }
}

// 2. 使用 a 标签的 target="_blank" 打开新窗口
<template>
  <a href="https://www.example.com" target="_blank">点击这里访问外部链接</a> <!-- 替换为你的外部链接 -->
</template>

// 解释：
// - 第一种方式是通过 JavaScript 的 window.location.href 属性来直接跳转到指定的 URL。
// - 第二种方式是使用 HTML 的 a 标签，并设置 target="_blank" 属性，使得点击链接时会在新窗口中打开外部链接。

// 如果你需要在某些条件下跳转，可以将逻辑放在方法中，然后根据条件调用 goToExternalLink 方法。

上一篇：vue如何跳转外部网页地址

下一篇：vue引入axios