Vue.js 中使用 window.open() 打开新标签页 | 新标签页打开页面

{"title":"Vue.js 中使用 window.open() 打开新标签页 | 新标签页打开页面", "description":"本文介绍了如何在 Vue.js 中使用 window.open() 函数打开一个新的浏览器标签页，并提供了示例代码和步骤。", "keywords":"vue, javascript, window.open, 新标签页, 打开页面, tab页, 浏览器窗口", "content":"要在 Vue 中打开新的 tab 页，你可以使用 window.open(url) 函数来打开一个新的浏览器窗口。下面是一个示例：\n\njavascript\nmethods: {\n openNewTab() {\n window.open('https://www.example.com', '_blank')\n }\n}\n\n\n在 Vue 模板中，你可以使用 @click 事件监听器来调用 openNewTab 方法：\n\nhtml\n<button @click="openNewTab">打开新的 Tab 页</button>\n\n\n当用户点击按钮时，将会打开一个新的 tab 页，显示指定的 URL。"}