vue中点击按钮生成新标签
时间: 2023-06-27 09:01:34 浏览: 104
基于vue可视化前段开发的拖拽编辑,页面生成工具.zip
你可以使用 `router-link` 组件来生成新标签页。
例如,你可以将 `to` 属性设为你想要打开的链接地址,将 `target` 属性设置为 `_blank` 来在新标签页中打开链接:
```html
<router-link to="/new-page" target="_blank">打开新页面</router-link>
```
或者,你也可以使用 `window.open()` 方法来打开一个新窗口:
```html
<button @click="openNewTab">打开新页面</button>
```
```javascript
methods: {
openNewTab() {
window.open('/new-page', '_blank')
}
}
```
注意,为了使这些方法正常工作,你需要确保你的路由配置正确,并且你的路由模式是 `history` 模式。如果你使用的是 `hash` 模式,那么打开新标签页可能会导致路由出现问题。
阅读全文