是否可以使用 Vue-router 将屏幕加载到选项卡中？答案

【问题标题】：Is it possible to load screen into Tabs using Vue-router?是否可以使用 Vue-router 将屏幕加载到选项卡中？
【发布时间】：2020-07-20 16:54:03
【问题描述】：

我有一个设置，其中有一个路由文件和多个路由设置，例如：localhost:8000/test & localhost:8000/test2

我的目标是有一个最终路线，例如 localhost:8000/tabs，我使用某种选项卡导入（例如 bootstrap 或 Vuetify）为页面中的每条路线创建选项卡。

例如：localhost:8000/tabs?=test&test2 将呈现一个页面，其中组件 test 和 test2 是选项卡项。（组件本身是使用路由文件动态检索的？）。

我面临的路由的主要问题是它重新加载页面/更改页面的 URL，而不是停留在 localhost:8000/tabs 内。

感谢您的建议。

【问题讨论】：

【解决方案1】：

是的，您可以使用<router-view /> 和child 路由。

阅读更多here

【讨论】：