vue3+vite route.js配置中如何写死一个页面让他新开页签
时间: 2024-09-24 09:21:51 浏览: 32
在Vue3和Vite项目中,如果你想要将某个路由配置成新标签页打开(即在浏览器的新窗口或新标签页中加载),通常是在`vue-router`的配置文件里做处理。在`.vue`组件对应的`router-view`外,你可以使用`<router-link>`标签并设置属性`target="_blank"`。下面是一个简单的例子:
```javascript
// 在你的route.js中
import { createRouter, createWebHistory } from 'vue-router'
const routes = [
{
path: '/page-to-open-in-new-tab',
component: () => import('@/components/PageToOpenInNewTab.vue'),
target: '_blank', // 这里设置了目标为新标签页
},
// 其他路由...
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL), // 使用webhistory适配单页应用
routes,
})
export default router
```
然后在你的模板中,可以用这个链接:
```html
<router-link :to="{ name: 'page-to-open-in-new-tab', params: { ... }, query: { ... } }" target="_blank">
打开新标签页
</router-link>
```
这里需要替换`name`为你自定义的路由名字。