问题标签 [vue-router4]

使用Vue Router 版本 4（目前在 vue-router-next repo 中的 beta.11 中），有一个关于如何使用 TypeScript 定义元字段自定义类型接口的文档页面。

放置在 Vue shim 模块声明中。我的看起来像：

但是，这是行不通的。相反，这种定义接口的方式似乎覆盖了包附带的接口，或者更确切地说，声明“vue-router”模块似乎可以做到这一点。

定义自定义元字段类型的正确方法是什么？

你好全能社区！

我对 Vue.js 3 有一点问题。在路由器中，我无法定义任何未知路由都应该重定向到“/”。

在这里，我测试了重定向：“/”有效，但路径：“/*”无效。路径“/ ”仅适用于 domain.com/ ...我也测试了路径：“*”但我收到此错误：

“未捕获的错误：路线” “应该是”/ “。”

如何在最新的 Vue.js3 中进行 404 重定向？

现在我正在尝试使用 Vue3 创建网站的前端。但是现在我在使用路由器时遇到了问题。这是我的代码。

主.js

路由器/index.js

应用程序.vue

渲染后路由器视图中没有内容。我该如何解决？

在 Vue 3 中，我创建了以下Home组件，另外 2 个组件（Foo和Bar），并将其传递给vue-router如下所示。Home组件是使用 Vue 的component函数创建的，而组件Foo是Bar使用普通对象创建的。

我得到的错误：

Component is missing template or render function.

在这里，Home组件导致了问题。我们不能将结果传递component()给路由对象vue-router吗？

请参阅代码沙箱中的问题。

Created a simple Vue project using the CLI:

vue create my-project

Wanted to add two pages, so installed the latest version of vue-router (which is currently v3.4.8) and followed the vue mastery tutorial for routing.

This is what my router.js file looks like:

And of course, this is what my main.js file looks like:

Both of the Home and About components don't really have much in them, this is what they look like:

Anyway, all of this to say that I am getting the following error on:

Uncaught TypeError: Object(...) is not a function

at eval (router.js?41cb:5)

This is specifically on createRouter

Have I done something wrong?

Edit: as Boussadjra Brahim pointed out, originally createWebHistory was just being passed in without being a function call. I've since updated the code to include this.

Interestingly enough, once that was done, the error is not happening upon it's call.

我是 vue.js 的初学者（3）

我尝试构建具有 2 种布局的系统：

• 1 对于已连接的用户
• 1 对于未连接的用户

在我的 router/index.js 中，我为每个路由添加了一个元：

在我的 App.vue 中，我决定使用哪种布局（参见 ":is="layout"）：

至少，在我的布局中，我有：

当我 console.log 应用哪个路由时，它工作正常：我在控制台中有正确的布局。

但我从来没有看到布局（例如标签）。只有组件。

我理解这个概念了吗？我的错误可能是什么？

谢谢

当我单击路由器链接转到注册表单页面时，URL 会更改，但不会加载组件。

我在一个组件中有导航栏，我认为它是错误的，但没有......

这是路由器的文件代码：

这是我的导航组件，其中有路由器链接：

我的 main.js 代码：

还有我的 App.vue 代码：

这是我的注册表单组件的代码：

我在尝试 vue3 时遇到了一些问题。

路由器是我的习惯。

当我写

该页面未加载正确的page.Vue路由器看起来不工作但是当我写

它正在工作！所以为什么？

代码：https ://github.com/fangminghui/app_h5

我有以下文件

路由器.js

main.js

但是，这样做时，我收到以下错误 UncaughtTypeError: this is undefined - vue-router.esm.js:2828它似乎是 vue-router 库中的一个错误，因为错误发生在第 2828 行。

这是通过尝试导入 vue-router 而不尝试在应用程序中的其他任何地方使用它来实现的，我也以相同的方式使用 vuex 和导入导出/导入存储并且它可以工作。

我的猜测是我错误地导入了 vue-router，因为{createApp}示例中没有使用文档。是我导入错了，还是有其他原因它不起作用？

我使用vue3and vue-router-4，并试图为未经授权的用户隐藏一些路由器链接：

路线文件：

如您所见，我requiresAuth: true在这条路线中有元数据，所以我想为客人隐藏它。

我想在我的视图中使用这样的东西（v-if部分，它不起作用）：

请告知我如何实现这一点，如果无法实现meta fields- 隐藏链接的首选方法是什么。

PS 当然，所有的访问验证和检查都将在后端执行，但我仍然不想显示他们无法查看的用户链接。