Vue Router是一个用于单页面应用程序的路由库，设计用于Vue.js框架。
我想有条件地在 vue 路由器中导入一个组件。这是我目前所拥有的： 孩子们： [ { 路径: ':选项', 组件：() => import('../components/Option1.vue'),...
如何在unplugin-vue-router的extendsRoutes内部定义重定向？
我想从 vite-plugin-pages 迁移到 unplugin-vue-router。在我的 vue3 项目的 router 文件夹中，我在基于 vite-plugin-pages 的路由文件夹中定义了以下路由配置，如下所示： ...
如何将 beoreRouteEnter 与组合 api 一起使用
我正在创建一个页面，其中存在来自文件的条件，如果条件为真，则用户应该导航到该页面，否则应该显示 error404 页面。 之前恩...</desc> <question vote="0"> <p>我正在创建一个页面，其中存在来自文件的条件，如果条件为真，则用户应该访问该页面，否则应该显示 error404 页面。</p> <pre><code><script setup> beforeEnter: (to, from, next) => { if (condition) { next({ name: "Error404Page", params: { pathMatch: "/some-path" }, }); } else { next(); } }; </script </code></pre> </question> <answer tick="false" vote="0"> <p>如果您使用 Nuxt 3，实现此行为的最佳选择是创建一个 <a href="https://nuxt.com/docs/guide/directory-structure/middleware" rel="nofollow noreferrer">middleware</a> 文件并将其绑定到页面。</p> <ol> <li>使用以下内容定义文件<pre><code>/middleware/check.js</code></pre>：</li> </ol> <pre><code>export default defineNuxtRouteMiddleware((to, from) => { if (/*condition*/) { return navigateTo('/some-path-to-error-page'); } // else do nothing and just let Nuxt navigate to your page } </code></pre> <ol start="2"> <li>在页面组件（例如 <pre><code>/pages/my-page.vue</code></pre>）的 <pre><code><script setup></code></pre> 部分添加：</li> </ol> <pre><code>definePageMeta({ middleware: 'check' }) </code></pre> <p>每次访问 <pre><code>check.js</code></pre> 时都会运行 <pre><code>/my-page</code></pre>，并且如果满足条件，将自动重定向。</p> <p>您还可以通过将文件名更改为<pre><code>/middleware/check.global.js</code></pre>来定义“全局”中间件文件 - 这样的文件将在每个路由事件之前自动运行（按字母顺序排列，以防有更多全局中间件），无需任何额外的配置。</p> </answer> </body></html>
我尝试通过单击按钮删除查询参数。 例如我的路线是http://localhost:8080/#/myroute?dialog=1。 现在我单击一个按钮，该按钮应删除查询部分？dialog=1。 我的点击
我正在为 Android 编写 Vue3 + Ionic 应用程序，并且我有一些选项卡。我想为每个选项卡维护不同的导航堆栈，因此当用户单击某些视图上的后退按钮时，他们将始终停留在...
嗯，我从 nuxt 开始，我有以下路线： /家 /仪表板 /登录 我想保护 /dashboard，但仅限于使用 localStorage 中的令牌登录的用户。 最简单的方法我
我正在开发一个显示文章的 Nuxt 3 应用程序。它是现有 React 应用程序的新版本。在旧的 React 应用程序中，文章的 url 格式是 www.mysite.com/id-of-categories/title-of-articl...
大家好，我正在尝试在 Nuxt.js 中创建动态“面包屑”，有没有人有一个工作示例，它应该如何工作 我尝试创建一个简单的示例，但它没有按预期工作，
如何在根自定义元素中使用 vue router 和 vuex？
我有一个带有嵌套自定义元素的项目。现在我需要 vuex 和 vue 路由器。如何从根自定义元素使用此包，然后在所有子自定义元素中使用？ 目前我试穿了...
Vue Router 历史模式在 Apache2 下不起作用
我正在尝试摆脱重新加载问题，并使用历史模式下的路线。按照 vue 文档，我在 index.html 所在的同一文件夹中创建了一个 .htaccess 文件。路径是/var/www/example...
我在 Vue3 应用程序上遇到问题。 我在 App.vue 中有一个 mainRouterView 和一个 modalRouterView 。 mainRouterView 显示各种内容，包括子 BottomRouterView，它显示所有主...
我正在使用 https://github.com/posva/unplugin-vue-router#readme 创建路由。 （通过vitesse模板） 我的文件夹结构创建了这个： https://paths.esm.dev/?p=
我检查了文档，但在打开 vue 功能请求之前，我想确定它是否已经实现。 我希望“我的链接文本”可以选择成为链接，而不必重复内容...
Vue 3 路由器 - router-link-active 不起作用
在带有路由器 4 的 vue 3 中，router-link-active 类不再对我有用。如果您与 router-link-exact-active 位于同一页面上，但不在任何子页面上，则会出现该类。 对于e...
我正在尝试弄清楚 VueJS 中的子路由是如何工作的。我认为，如果我有一个新闻概述，其中包含每个新闻项目的链接，那么我可以使用子路由来查看新闻项目，但事实并非如此
使用本地存储后，我的重定向到仪表板的路线突然开始不起作用。它工作然后停止。我不确定到底是什么问题，但我想问题可能是......
我正在构建一个 Nuxt 应用程序，其布局由 3/4 主要内容和 1/4 侧边栏导航组成，该导航使用根据当前路线扩展的选项卡。 我的目标是本质上有两个 router-vi...
Vue 路由器：禁用页面重新加载时以及转到另一个部分时的转换
我正在寻找一种在以下情况下禁用转换的方法： 我刷新页面，以便它仅在我在路线之间切换时才起作用 当我转到某个特定部分时。例如，我在家里...
我想在我的 Vue3 SPA 中使用一些转换。 我使用 Vuetify 和 vue-router。 我有两个地方有“””””。 如果将转换放入 App.ejvue，它可以正常工作，但仅限于整个应用程序加载时。 布...
Vue 3 Composition API vue-router 4 面包屑？
我正在尝试创建一个面包屑组件。 我之前用 Vue 2 做过这个，但无法用 Vue 3 再次做，因为有些事情已经改变，而且没有任何关于如何改变的指南。 我做了一个非常...