vue 跳转打开新页面
在Vue中,可以使用<router-link>来实现路由跳转,而不是直接打开一个新页面。这是因为Vue是一个单页面应用(SPA),它通过动态地改变组件来模拟多页面的效果。
如果你想要在新页面打开一个链接,你可以使用target="_blank"属性,但这将绕过Vue的路由机制,不推荐使用。
以下是一个示例,演示如何在Vue中使用<router-link>进行路由跳转:
<template>
<div>
<router-link to="/new-page">打开新页面</router-link>
</div>
</template>
在上面的示例中,当用户点击“打开新页面”链接时,Vue将会根据路由配置加载/new-page对应的组件,并将其渲染在当前页面中。
如果你真的需要在新页面打开链接,可以使用普通的HTML链接,并添加target="_blank"属性:
<a href="/new-page" target="_blank">打开新页面</a>
但请注意,这将绕过Vue的路由机制,并在新页面中加载一个完全独立的页面。
原文地址: https://www.cveoy.top/t/topic/i5ZC 著作权归作者所有。请勿转载和采集!