vue-router 相关问题

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

带有路由器的Vue。制作多个页面

老实说我不知道如何命名这个。但这里是详细信息。 我有一个带有 Router 的 Vue 项目。我对路由器很陌生。 App.vue 仅包含 我认为它不需要更多

回答 1 投票 0

无法在单个商店内使用 vue-router 和 pinia

我正在使用 pinia 和 vue-router 4.x ,但我在商店中使用它们时遇到问题。 每个都独立工作,但不能一起工作。 如果我使用 从“../router”导入路由器 路由器可以工作,但是

回答 7 投票 0

Vitest 中模拟 Vue Router 的问题

我正在使用组合 API 学习 Vue 3,而且我对 Vitest 也很陌生(不过我知道它使用 Vue Test Utils)。 所以,简而言之,我遇到了一个问题,我模拟了 Vue 路由器,触发点击...

回答 1 投票 0

Vue 3 路由器:如何将路由参数拆分为 id 和 slug 并使 slug 可选

我正在迁移 nuxt 2 -> nuxt3 并且我有 vue 路由器路径: { name: '事件 ID', 路径: '/event/:id(\d+):slug([\w-]*)', 组件: () => getComponent(import('../pages/event/[id]')), ...

回答 1 投票 0

如何使用 Vue 3 和组合 api 在渲染之前获取数据

我想从 API 获取一些数据,然后填充我的商店(例如用户信息),但在加载整个页面和组件之前我找不到方法来完成此操作。 我发现有一个...

回答 1 投票 0

如何防止 VueRouter 将静态文件的链接视为路由?

我正在使用 Vue3/VueRouter/Vite 渲染托管在 AWS Amplify 上的静态站点。路由运行良好,但是有点过于急切,并且处理指向 pub 中托管的静态文件(在我的例子中为 .zip)的链接...

回答 1 投票 0

Vue.js 路由器:历史模式和 AWS S3(路由规则)

我有一个使用 Amazon S3 和 Cloudflare 启动并运行的 Vue.js 应用程序。 当我打开索引并浏览到 /dashboard 时,一切正常。但是当我直接在...

回答 7 投票 0

在导航守卫运行之前安装App.vue

这有点牵强,因为我必须粘贴大量代码来显示我的项目设置。我注意到我的 App.vue 文件在路线文件的导航防护之前加载。这导致了一系列

回答 1 投票 0

如何从 Vue.js 中的 URL 获取查询参数?

如何在Vue.js中获取查询参数? 例如。 http://somesite.com?test=yay 找不到获取方法,或者我需要使用纯 JS 或某些库吗?

回答 14 投票 0

使用 Vue3 Composition API 和 vue-router .replace 函数将参数从组件传递到另一个组件

使用 Option API 我能够做到这一点: 在组件A中: this.$router.replace({ name: 'ComponentB', params:{data: myObject} }); 在组件B中: console.log(this.$route.params); // 这输出 myObject

回答 1 投票 0

VUE 错误:导航时丢弃无效参数“recordIds”、“datasources”

在 Vue 中,我在将参数从一条路线传递到另一条路线时遇到问题。 这就是我的目标路线: { 路径: '/记录修改', name: '记录修改', 成分:

回答 1 投票 0

在 Vue 3 + Quasar + TypeScript 项目中实现 Navigation Guard 时出错

我正在使用 Quasar Framework 以及 Vue 3(利用带有语法的 Composition API)和 TypeScript 开发一个应用程序。我正在尝试在我的routes.ts f 中实现导航守卫...

回答 1 投票 0

如何在带有404页面的动态url上使用vue js 3路由?

我有单页网站,即 xyz.com,在此页面中我正在检查一些动态网址和 404 页面的路由。 当我访问 xyz.com/p1、xyz.com/p2...等 url 时。路线正在按预期运行,但...

回答 1 投票 0

如何使用“this.$router.push()”传递 props 对象

我正在使用vue-router 4。 我从 this.$router.push() 传递了 props 对象。但是,当我打印出来时,我只得到了 [object Object] 作为字符串。 我怎样才能得到以下结果作为对象? {

回答 2 投票 0

无法从 Nuxt3 插件代码访问 Pinia 商店(错误提示“在插件之外”,但实际上并非如此)

已安装: [email protected] @pinia/[email protected] 皮尼亚@2.1.6 nuxt.config.ts 的相关部分: 模块:[ '@pinia/nuxt', ], 插件:[ { src: '~/plugins/router.ts' } ],

回答 1 投票 0

Vue Router <router-link> 具有自定义属性+插槽模板,不在前端路由(SPA)

我不确定这是否真的重要,但我正在将 Nuxt3/Vue3 与 Primefaces/PrimeVue UI 框架一起使用,特别是在 #item 模板插槽上苦苦挣扎。

回答 1 投票 0

JavaScript + Vue 错误:“无法读取未定义的属性(读取“名称”)”

我正在使用 Vue CLI 学习本教程,在编写本视频第二部分(从 4:30 开始)中的代码时遇到错误。 我能够显示页面 http://localhost:8080/destination/

回答 1 投票 0

BeforeRouteEnter 未将数据加载到变量

我已经设置了一个可以正确发送数据的Web API,但是,我的vuejs应用程序有一个数据表组件,我使用BeforeRouteEnter钩子与Axios进行API调用,但来自resp的数据...

回答 2 投票 0

Nuxt 3 动态路由和 NuxtLink 不能一起工作

我创建了一个动态路由/dashboard/[用户名].vue。当我通过输入 url 导航到此页面时,一切正常,并且 route.params.username 设置为 url 中传递的值。然而,

回答 2 投票 0

vue-router 中中间件的正确使用方式

我在vue中创建了路由,并在每个路由之前定义了一些中间件条件。但它没有按我的预期工作。 这是 router/index.js 文件。 const 令牌 = 计算(() => useAuthSto...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.