问题标签 [vue-router4]

我正在从vue-clito迁移vite，我的路由器打破了页面。

我使用 vue-cli 创建了我的项目并安装了 vue-router4 以尝试将我以前的入门项目与 vue-cli 匹配。

我main.ts的很简单：

我router/index.ts也是：

tsconfig.json如果我错过了什么，这是我的：

我从 Vue3 和 vue-router4 开始，所以欢迎任何线索或线索！

谢谢

我正在尝试在 vuejs3 上使用 vue-router 制作一个简单的路由器，并且在第一次点击链接时收到此警告（而不是其他点击）：

vue@next:1571 [Vue 警告]：组件缺少模板或渲染功能。

我在 ubuntu 上使用 vuejs3、vue-router、vscode、chrome

我的代码：

您能否更正或给我一个在 vuejs3 上实现 vue-router 的链接（我是 vuejs 的初学者）？谢谢

大家好，我是 vue js 的新手，我正在尝试将参数传递给特定的路由器，当我单击卡片研究时应该会发生这种情况，然后它将重定向到名为 actions-log 的研究详细信息组件，但是当我调用它时路由器通过

它在控制台中给我一个错误说：

未捕获（承诺中）错误：不匹配 {"name":"3","params":{}}

所以任何人都可以帮我解决这个错误......

我正在尝试创建一个简单的嵌套路由：

• 应用程序（根组件，主导航）
• Topic1（子导航）
  • 主题1/子
• 主题2

我在 Codesandbox上的演示存在以下问题：

1.当从 导航/topic1到 时/topic1/sub，我希望内容 fromtopic1显示出来，内容 fromtopic1/sub显示在下面，如下所示：

然而，Topic 1不再显示。

2.如何避免“App”显示两次？

我知道我已经添加了path: "/topic1", component: App,，但只是因为没有它，路由根本不起作用。根据以下评论router/index.js：

我似乎遗漏了一些重要的东西 - 已经感谢您的任何回答。

我想使用 Vue Router 4 制作我的 Vue 3 应用程序，以遵循嵌套子级的模式。这是我的路线列表：

因此，如果我转到 url /# 我想显示 BookingStep1Component，与 /#123/456 也是如此。如果我去 /#123/456/2022-01-01/2022-02-28，我想看看 BookingStep2Component，如果我去 /#123/456/2022-01-01/2022-02 -28/10:00/13:00，我想看看 BookingStep3Component。但是事情在某个地方混淆了，我在某个阶段看不到正确的组件。

我在这里有什么明显的遗漏吗？

我有一个页面，使用命名视图<router-view/>同时显示多个页面。

这很好用，但是我还需要向每个视图添加子级，但不知道如何做到这一点。

这是有关我的布局的更多详细信息。

vue主要组件：

路由器：

这是我想要完成的事情：

目前我通过添加更多类似下面的路径来做到这一点，但这只会产生冗余，我必须每次都传递“resourceTab”的值：

在这种动态布局中组织子视图有更好的方法吗？

我正在尝试使用 Vue Router 4 在 Vue 3 中渲染我的嵌套路由。

routes/index.ts

App.ts

NavbarLayout.ts

正在呈现的 HTML

我尝试了几种组合，但到目前为止似乎没有任何效果。任何人都知道为什么没有渲染嵌套路线？

我从侧边菜单导航到主页上特定链接的导航不起作用， ion-router-link并且scrollBehavior

路由器/index.js

关联 <router-link :to="`/books/${selectedBook}#${chapter.key}`"> Jump to chapter </router-link>

目标 <div :id="chapter.key">

的输出 to

我有一个导航栏和两个侧边菜单，可在多个页面中使用。但是对于许多页面，我不想有侧面菜单。

我曾尝试将 v-if 与 $router.name 一起使用，但因为我使用的是网格系统，所以布局会中断。然后也不可能添加多个组件来不呈现侧边菜单。

这是模板：