vue-router 相关问题

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

VueJs + Vite + VueRouter:无法在 setup() 中获取当前路由(尽管有很多教程展示了如何做到这一点)

我有一个 vite (4.4.5) / vue (3.3.4) / vue-router (4.2.5) 问题。 我尝试根据我的 vue 路由器检测当前处于活动状态的子页面。 有很多教程和 stackoverflow 帖子(l...

回答 1 投票 0

在生产模式下编译时出错“不是函数”Vue Laravel Mix

我有一个 Laravel、VueJs、VueRouter、Vuex 应用程序,使用 Webpack 来编译我的资产。 包.json { “私人”:真实, “脚本”:{ “dev”:“npm ...

回答 2 投票 0

仅当 Vue Router 子路由被命中时才触发 API 调用

我正在使用Vue2和vue router 3x。每当点击特定的子路由时,无论是通过按钮按下还是浏览器后退/前进按钮点击,如何执行存储操作? 我需要...

回答 1 投票 0

我必须指定每个路由器路径还是可以在 vue 中自动化它?

我有一个子类页面,其中每个子类都会进入同一页面,但根据 URL 的不同呈现不同。 如果您单击 sub1 url 将是“../class/sub1”,或者如果您单击 sub2 我...

回答 1 投票 0

Vue 3 页面转换:如何让下一页已经就位并通过滑动显示它?

我正在尝试使用 Vue 3 中的 vue 路由器进行页面转换 这张图片总结了我正在尝试做的事情 我正在构建一个具有不同页面(在图像上:蓝色区域)的网站,所有页面都有一个滚动...

回答 1 投票 0

如何在Vue3中使用vue-router-tab?

我安装了vue-router-tab。 (npm i vue-router-tab -S) 并配置。 main.js 从“vue”导入{createApp}; 从“./App.vue”导入应用程序; 从“./router”导入路由器...

回答 1 投票 0

如何在 fastapi 中管理 Vue 路由?

我想在 fastapi 中提供 Vue 前端服务。 @app.get('/') def home(): 尝试: 返回重定向响应(“/index.html”,status_code=303) 正确重定向并打开网络应用程序...

回答 1 投票 0

“仅链接”事件在“历史记录更改”事件后触发

Google 跟踪代码管理器 (GTM) 有一个名为“Just Links”的内置触发器。在我的 VueJS 应用程序中,使用 Vue Router,GTM 在触发“Just Links”触发器之前触发“History Change”事件。 (“他的...

回答 4 投票 0

VueJS:为什么我的子路由/组件只有在刷新页面后才呈现?

当我单击子组件的父组件时,我无法渲染子组件。 当我单击链接转到“设置”页面时,会呈现我的 SettingsSummaryPage,但是...

回答 1 投票 0

带有路由器的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

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