vue-router 相关问题

Vue Router是一个用于单页面应用程序的路由库，设计用于Vue.js框架。

Vitest - ReferenceError：位置未定义

我正在尝试为最近从 Vue 2 转换为 Vue 3 的 Vue 应用程序设置 vitest。我收到以下错误，并且无法成功确定问题所在。 ...

unit-testing vuejs3 vue-router vitest vue-router4

回答 1 投票 0

如何使用Vue Router的相对重定向（不起作用）？

我正在从 Vue router Doc 学习相对重定向。我正在尝试实现代码的文档示例。常量路由 = [ { // 始终将 /users/123/posts 重定向到 /users/123/prof...

vue-router

回答 1 投票 0

路由器链接到带有参数的路径

我正在尝试使用 vue-router 转到我的 vue 应用程序中的 UserDetail 路径。我的路线是：常量路由 = [ { 路径: '/users', 组件: UserList }, { 路径：'/users/:user_id'，组件：UserDetai...

javascript vuejs2 vue-router

回答 1 投票 0

如何让动态元数据更改 Vue 中 SEO 的实际页面源

我目前正在通过 Vue 路由器更改页面标题和（在不久的将来）元数据，如下所示： $路线（往返）{ document.title = to.meta.title } 当我检查标题时，这工作正常......

laravel vue.js seo vue-router

回答 3 投票 0

Vue 路由名称未定义且路径不正确

我试图在我的根 App.vue 中添加一些依赖于当前路线的逻辑（应用程序加载后），但我发现 Route.name 未定义，当我尝试记录时原来的路

vue.js vue-router

回答 1 投票 0

如何在每个页面创建完成后调用js函数？

在我的 Vue2 应用程序中，在每个 .vue 文件的 created() 方法中调用 JavaScript 函数非常容易。不想在每个文件中都执行此操作，我是否可以在创建时调用 JS 函数（或更多...

vue.js vuejs2 vue-router

回答 1 投票 0

如何在特定页面禁用中间件，nuxt中间件

我声明了一个中间件来检查 nuxt.config.js 中每个路由的角色。但想在某些页面禁用。 // 在 nuxt.config.js => 路由器：{ 中间件：['角色...

vue.js nuxt.js vue-router middleware nuxt-auth

回答 3 投票 0

如何在 Vuetify 3 应用程序中利用多种布局

当我使用 npm 创建基本的 vuetify 应用程序时，我会加载包含 default.vue 及其组件的布局文件夹。然后在路由器中我有以下内容： /** * 路由器/index.ts...

vue.js vuetify.js vue-router

回答 1 投票 0

Nuxt 3 中每个用户的自定义路由

比方说，我有 2 种用户类型：管理员和客户端以及以下目录结构：页面/admin/products.vue 页面/admin/settings.vue 页面/客户端/products.vue 当管理员类型的用户负责时...

vue-router nuxtjs3 nuxt3

回答 1 投票 0

从路线导航回来时，如何使用偏移量正确滚动到 VueJS 中的元素？

我正在与 Vue Router 进行斗争（在我的例子中是 4.2 版本）。我想实现当用户从导航返回到另一条路线时，恢复原始垂直位置。常量路由器 =

vue.js vuejs3 vue-router vue-router4

回答 1 投票 0

无效的组件名称：“pages/product/_slug.vue”。组件名称应符合 html5 规范中有效的自定义元素名称

我正在使用 Nuxt.js 并有一些动态路由。我的文件夹结构是这样的： - 页面 - 产品 - _slug.vue 我链接到这样的路线：我正在使用 Nuxt.js 并有一些动态路由。我的文件夹结构是这样的： - pages - product - _slug.vue 我链接到这样的路线： <nuxt-link :to="{ name: 'product-slug', params: { slug: product.slug } }"> 它工作正常，它显示了正确的 URL，并且也可以很好地引导页面，但是，我在控制台中收到恼人的红色错误： [Vue warn]: Invalid component name: "pages/product/_slug.vue". Component names should conform to valid custom element name in html5 specification. 我发现了这个问题，但收效甚微：https://github.com/nuxt/nuxt.js/issues/165 如果组件中有名称，请删除名称之间的空格。例如 export default { name: 'Assign Role' } 更改为： export default { name: 'AssignRole', } 此错误信息的原因是_slug.vue组件的名称与文件名相同。我期待它name='_slug.vue'你需要将其更改为这样的name='ProductItem' 我不确定这是一个错误还是什么。但是在为我的组件命名后，按如下方式修复了此问题。 export default { name: 'NameOfTheCompnent', ... } 如果您使用带有 vue-property-decorator 的 vue 2.x，当 vue 组件的类如下所示时，可能会出现此问题： @Component({}) export default class MyComponent extends Vue { ... } 您应该删除 ({}) 或为 name 字段设置特定值 - @Component 或 @Component({ name: 'MyComponent' })。当我在组件列表中使用方括号时，我得到了这个错误，我花了很长时间才发现它，因为所有错误都会导致其他地方。错了！ export default { name: "WelcomeScreen", components: [ Welcome_Ready, ], } 右 export default { name: "WelcomeScreen", components: { Welcome_Ready, }, }

javascript vue.js routes vue-router nuxt.js

回答 5 投票 0

在 RouterLink 中扩展父视图插槽 vỉew

我有一个定义的Vue路由，父视图和两个子视图 ./route/index.ts 常量路由器 = createRouter({ 路线：[ { 路径: '/dataset/:dataset_name', 成分：

vue.js vuejs3 vue-router

回答 1 投票 0

使用 :key 保留路由器转换，同时确保子基础视图不刷新

我有一个应用程序，我在路由器视图上使用 :key="$route.path" 进行转换。但问题是，使用 :key 最终会刷新子路由基本视图，最终调用

javascript vue.js vuejs3 vue-router single-page-application

回答 1 投票 0

Vue.js router.push 更改 URL，但 RankerDetail 组件不会在按钮导航上更新

我正在使用 vue-router 开发 Vue.js 应用程序，但我的 RankerDetail 组件遇到了问题。该组件的目的是根据路由参数id显示不同的数据。当我男人...