router-link 打开新窗口
时间: 2024-03-13 09:41:20 浏览: 80
vue router 跳转时打开新页面的示例方法
5星 · 资源好评率100%
router-link是Vue.js中的一个组件,用于在单页面应用中进行路由导航。它可以将用户点击的链接转换为路由的跳转,而无需刷新整个页面。
当你使用router-link组件时,你可以通过设置to属性来指定要跳转的目标路由。例如,你可以将to属性设置为一个字符串路径,或者是一个包含路径和查询参数的对象。
如果你想要在新窗口中打开链接,可以通过设置target属性为"_blank"来实现。这样,当用户点击该链接时,目标页面将会在新的浏览器标签页或窗口中打开。
下面是一个示例代码:
```html
<router-link to="/example" target="_blank">点击我打开新窗口</router-link>
```
这段代码会生成一个带有"/example"路径的链接,并且当用户点击该链接时,目标页面会在新的浏览器标签页或窗口中打开。
阅读全文