问题标签 [vue-router4]

在子组件中，我遇到了一些问题。

路由器配置路径“/blog/:user/:article”

文件“文章.vue”

但这不起作用，因为路由器认为它是同一个组件，并拒绝重新加载该组件。

所以我在调试控制台中看不到调试信息。

我有什么尝试。

首先，我只是使用 location.replace 来强制应用程序重新加载整个页面。

但这并不优雅，它需要更多的时间来重新加载和历史消失。

然后我尝试观看 route.params 但我的sonsole 记录了一个 vue 警告，告诉我观看源必须是 ref 反应性 obj 并且路由器推送仍然不更新组件。

我很困惑！vue3的设置应该注意什么？

更多信息

注：这是我的第一个vue项目~

使用 vue cli，您可以使用 web-pack 将 vue 路由块捆绑在一起

我目前正在使用 Vite 进行项目。有没有办法将块（例如仪表板和门户）捆绑在一起？

运行 nom run build 将为 Portal.js 和 Dashboard.js 生成单独的块文件

谢谢

我正在创建一个以免费缝纫图案为内容的博客。我正在使用路由参数来单独接收每个博客。但是，当我尝试从 firebase firestore 检索其数据时，我得到一个空白页。请帮忙。

博客的id出现在我的地址栏：http://localhost:8080/#/admin/single-pattern/4LIS362IEWa7RKEv79g8

但它呈现一个空白页面。我看不到我的博客内容。

这是我的路线路径代码。我在我的单一模式中添加了一个 :id 参数。SinglePattern 组件是我获取个人博客数据的地方：

},

这是我的“ListPattern”组件的代码。ListPattern 是显示我所有缝纫博客的地方。

这是我的“SinglePattern”组件，其中显示了单击的博客/模式。

我的简单应用程序使用 Vue 3、Vue 路由器 4 和 Laravel 8 时遇到问题，我的问题是主组件未加载我需要 Ctrl + R 才能看到主组件，而另一个组件使用 Vue路由器没有正确加载这是我下载所有软件包并运行后的完整代码npm install，npm run dev& npm run watch：

应用程序.js

路由器.js

Welcome.blade.php我命名为app.blade.php

应用程序.vue

About.vue、Home.vue和NotFound.vue 它们具有相同的代码，因此无需在我更改的每个文件中再次编写它们x

最后是 web.php

我刚刚将 vue-router 4 安装到 vue 3 应用程序中。在设置我的回家路线时，我不断让应用程序显示两次，甚至两次导航，但不知道为什么。我尝试将Navigation组件引入App.vue，Home.vue但仍然显示两次。有什么东西是我在这里俯瞰的吗？

路由器/index.js

导航.vue

主页.vue

应用程序.vue

我在我的有这个配置router.ts：

当我访问路径时：/admin/operations/job-allocation/1我想去/admin/operations/job-allocation/1/operatives。

但在此设置中，它转到/admin/operations/job-allocation/:id/operatives(:id 作为 ':id' 的文字字符串，而不是被数字 1 替换。

我希望使用路由器来执行此操作，而不是使用“已安装”挂钩在 JobAllocation 组件处进行重定向。

这甚至可能吗？我在官方的 Vue3 路由器文档中没有找到这个场景。

我想要做的是通过路由器将一些数据从一个组件传递到另一个组件（我正在使用 Vue-Router-4 和 Vue 3.0）。但是我得到的数据只是“[object Object]”而不是实际值。这就是我所做的。在发送数据的组件内部，我有这个功能

在我的 index.js 里面我有这个

然后在接收器组件中我有这个片段

我在 vuex 中创建动作：

和路线一样

我要做的最后一件事是调用名为“getProductsByCategory”的调度。为此，我使用 Onmounted Hook 制作了小组件

但是打字稿告诉我错误

为什么 TS 不明白 slug 是一个字符串，我该如何纠正这个问题？

当我尝试推送新路由时，总是捕获与“isAsyncWrapper”相关的错误；

导航进程因错误“未捕获（承诺中）TypeError：i.type 未定义”而中断

这是我的主页：

这是我的博客页面：

我正在使用 vue3，代码失败了：

所以，如果链接是'http://localhost:3000/blogs/'，它应该是我的博客页面，但结果却是主页。

该链接必须是“http://localhost:3000/#/blogs”，因此它可以路由到博客页面。

我不明白为什么我必须在实际路径之前写一个'/#/'！