vue-router 相关问题

具有延迟加载功能的 Vue 命名视图

我正在尝试创建我的路线，但我希望它们都使用我的应用程序中的默认路由器视图。 查看文档： https://router.vuejs.org/guide/essentials/named-views.html 我应该是一个...

Vue 3 路由器无法工作。我不明白为什么

我是vue（vue 3）的初学者。我正在测试一个模拟 vue 应用程序，在测试默认主页后，我想测试如何制作 2 个（或更多）不同的页面。然而，我所做的不起作用，

如何避免在 vue-router 中的查询中使用硬编码参数名称

目前我将参数保存到 URL，如下所示： const save = async（参数：LocationQuery）=> { wait router.push({ 路径: '', 查询: { ...route.query, ...parameter } }); }; 叫喜欢...

在计算值中使用vue-router的route.param.x有什么好处

Vue-router 文档给出了 2 种特定的使用模式： const 路由 = useRoute(); // 获取当前值 const id = 路由.params.id; // 观察进一步的值变化 手表（ () => 路线....

Nuxt.js：如何为每篇文章创建动态 nuxt 链接/路由？

我在弄清楚动态 nuxt-link 时遇到了麻烦。 在主页（localhost:3030/）上，有一些文章是由axios从后端服务器获取的。 每篇文章都必须指向...

Nuxt.js 路由器 - 更改路由参数而不重新安装新页面？

我有一个带有 Nuxt.js (v 2.15.7) 的单页应用程序，需要从 URL 获取两个参数。例如： 域名.com 域名.com/chapter3 域名.com/chapter3/section5 所有这 3 个地址都是...

TS2339：类型“CreateComponentPublicInstance<{}

管道结束时我收到此错误。该项目在我的本地桌面上运行，但是当我运行管道时，该管道因错误而中断。我已经尝试再次下载所有依赖项，甚至...

我无法从 Pinia Vuejs3 商店访问我的路线

我无法从商店访问我的路线。 对此或许有一个很好的解释。 我使用 Vuejs3 和 Pinia 我的商店： 从 'pinia' 导入 {defineStore} 从“vue-router”导入{useRoute}；...

Supabase auth.update() email_refresh_token 工作流程

当我想让经过身份验证的用户更改其电子邮件地址时，我使用 auth.update()，可在此处找到 https://supabase.com/docs/reference/javascript/auth-update 顺便说一句，我只使用魔术链接身份验证。

Vue Router 正确处理 v-html 指令内部存在的链接

我正在使用 Vue 3（不带 TS）和 Vue Router 4。 我从 API 中获得了一些 markdown，我使用 markdown-it 对其进行解析，然后通过 v-html 指令将其提供给组件。解析本身有效...

动态更新vue路由器中的查询参数

为什么一种方法有效而其他方法无效。 （URL不更新动态） 我想从 URL 中删除 parm2 网址：http://localhost/testpage?parm1=xyz&parm2=xyz&parm3=xyz 不工作（输出：http://

动态更新vue路由器中的查询参数

为什么一种方法有效而其他方法无效。 （URL不更新动态） 我想从 URL 中删除 parm2 网址：http://localhost/testpage?parm1=xyz&parm2=xyz&parm3=xyz 不工作（输出：http://

使用 vue 路由器进行 Firebase 身份验证

我有授权检查码并且可以使用。现在我需要对未经授权的用户实施路径保护。 问题是存储中的函数没有时间执行...

Nestjs + Vuejs 路由

我想用 Vue 和 Nestjs 构建 monorepo。主页将使用 Nestjs + Twig 和路径 / 进行处理。管理面板位于 /admin/ （Vue 应用程序）。和 api 路由，创建...

Vue Router - 右键单击/在新选项卡中打开

使用 vue-router (4) 我有以下设置 从 'vue' 导入 { createApp } 从“./App.vue”导入应用程序 从 'vue-router' 导入 { createRouter, createWebHashHistory } 从 './

Nuxt3 中的模拟 Service Worker 警告

第一次使用 Nuxt3 时，一段时间后我观察到控制台发出以下警告： [Vue Router warn]：未找到路径“/

使用 vue-router 将对象传递到路由

基于 vue-routers 站点的此内容，似乎您可以将对象作为道具传递。但是，每次我尝试这样做时，似乎都无法说无效参数 我的路线定义如下：...

避免当 url 更改时在 Nuxt 中重新加载页面

我目前正在将应用程序迁移到 Nuxt3，并且在 URL 更改时重新加载页面时遇到问题。我有几个链接都使用同一页面。为了完成这项工作，我......

如何使用 vue Router 验证表单并转到下一页

验证后的表单必须使用此代码通过 vue-Router 转到下一个作者页面，但不进行验证 ... 验证后的表单必须使用此代码通过 vue-Router 转到下一个作者页面，但不能验证 <form @submit.prevent="validate"> <div class="row"> <div class="col-md-4 mb-3"> <label>Name</label> <input type="search" class="form-control" placeholder="" v-model.lazy.trim="form.nameTitle"> <div class=" text-danger"> {{ form.titleNameErrorText }} </div> </div> <div class="row mt-4"> <div class="col-6 "> <button class="btn btn-primary btn-style" type="submit" @click.stop.prevent="submit()">Submit </button> </div> </div> </form> js代码和vue路由器在验证后处理下一页 <script> import { reactive } from "vue"; import { useRoute, useRouter } from 'vue-router' export default { setup() { const router = useRouter(); const form = reactive({ nameTitle: "", titleNameErrorText: "", name: "FormAddress", }); function validate() { if (form.nameTitle.length < 3) { form.titleNameErrorText = "Number is 3 More.. " } else { form.titleNameErrorText = "" } } function submit() { router.push('/MapView') } return { form, validate,submit } }, } </script> 提交转到地图页面，不验证当前页面，我处理验证页面并成功表单元素下一页，否则保留此页面 如果你想保持状态，你可以使用<keep-alive></keep-alive>。 如果你想执行 submit 功能，你可以使用 return。并且你可以检查 url 与 useRoute 进行比较来检查当前页面。

使用 Vue Router 时，路由参数不会在 Vue 组件内渲染

我已经让 Vue 路由器运行这些路由： 常量路由 = [ { 小路： '/'， 名称：'家'， 参数：{ 标签：“主页” }, 组件：主页 }, { 路径：'/group1', ...