vue 跳转页面打开浏览器新窗口或者打开新标签

作者：System 时间：2024年08月09日分类：所有,vue.js 字数：417

这篇文章距离上次修改已过198天，其中的内容可能已经有所变动。

在Vue中，你可以使用原生JavaScript的window.open方法来实现在新窗口或新标签页中打开页面。以下是一个简单的示例：




// 在methods中定义方法
methods: {
  openInNewWindow(url) {
    // 第二个参数是新窗口的特征，可以是空字符串或者一些特征，例如'_blank'表示新标签页
    window.open(url, '_blank');
  }
}

在模板中，你可以这样使用这个方法：




<template>
  <button @click="openInNewWindow('https://www.example.com')">在新窗口打开</button>
</template>

当用户点击按钮时，将会在新窗口或新标签页中打开指定的URL。