vue点击按钮打开新窗口
时间: 2023-07-20 20:14:19 浏览: 113
简述vue路由打开一个新的窗口的方法
您可以使用 Vue.js 的 $router 对象来实现在点击按钮时打开一个新窗口。下面是一个简单的示例代码,其中当用户点击按钮时,它将打开一个名为 "NewWindow" 的新窗口:
```
<template>
<div>
<button @click="openNewWindow">打开新窗口</button>
</div>
</template>
<script>
export default {
methods: {
openNewWindow() {
window.open('/newwindow', 'NewWindow')
}
}
}
</script>
```
在上面的代码中,我们使用 `window.open()` 方法来打开一个新窗口,第一个参数是要打开的 URL,第二个参数是新窗口的名称。您可以将第一个参数替换为您要打开的 URL,将第二个参数替换为您想要的窗口名称。
阅读全文