vue-router 相关问题

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

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

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

typescript vuejs3 vue-router vue-composition-api quasar-framework

回答 1 投票 0

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

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

vue.js vuejs3 vue-router vue-router4

回答 1 投票 0

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

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

vue-router

回答 2 投票 0

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

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

vue.js nuxt.js vue-router pinia

回答 1 投票 0

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

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

vue.js nuxt.js vue-router primevue

回答 1 投票 0

JavaScript + Vue 错误：“无法读取未定义的属性（读取“名称”）”

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

javascript vue.js vuejs3 vue-router

回答 1 投票 0

BeforeRouteEnter 未将数据加载到变量

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

vue.js vuejs2 vue-component vue-router

回答 2 投票 0

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

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

nuxt.js vuejs3 vue-router nuxtjs3

回答 2 投票 0

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

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

javascript vue.js vuejs3 vue-component vue-router

回答 1 投票 0

我们如何在Vue 3中做动态布局组件？

我已经尝试了很多我所看到的东西，但我无法让动态布局组件工作。这是我的代码：从“@/components/wrappers/SiteW...</desc>导入DefaultLayout <question vote="0"> <p>我已经尝试了很多我所看到的东西，但我无法让动态布局组件工作。</p> <p>这是我的代码：</p> <pre><code><script setup> import DefaultLayout from "@/components/wrappers/SiteWrapper.vue"; import SimpleLayout from "@/layouts/Simple.vue" import { useRoute } from 'vue-router'; import { computed } from 'vue'; const route = useRoute(); const layout = computed(() => { return route.meta.layout || DefaultLayout; }); </script> <template> <component :is="layout"> <router-view /> </component> </template> </code></pre> <p>Vue 路由器看起来像这样：</p> <pre><code>{ path: '/terms-and-conditions/:slug', name: 'TermsAndConditions', component: TermsAndConditions, props: true props: true, meta: { layout: 'SimpleLayout' } }, </code></pre> <p>我还缺少什么？</p> </question> <answer tick="false" vote="0"> <p>要将组件名称字符串与 <pre><code>:is</code></pre> 属性一起使用，组件需要通过选项 API 进行“本地注册”，而不仅仅是导入。您可以添加额外的选项 API <strong><code><script></code></strong> 标签来执行此操作：<pre> </pre><code><script> import SimpleLayout from "@/layouts/Simple.vue" export default { components: { SimpleLayout } } </script> </code></p> <pre>或者，使用 Composition API 和 </pre><code><script setup></code><p>，您可以返回组件本身而不是字符串：<pre> </pre><code>const layout = computed(() => { return route.meta.layout === 'SimpleLayout' ? SimpleLayout : DefaultLayout; }); </code></p> <pre> </pre></answer>

vuejs3 vue-router

回答 0 投票 0

Vue 路由器 - 在一个导航守卫中多次调用“下一个”回调

我正在使用 Vue 3 和 Vue router 4。我创建了我的路由必须经过的中间件函数，但由于某种原因 Vue 抛出了这个错误： “下一个”回调被调用...

javascript typescript vue.js vuejs3 vue-router

回答 1 投票 0

vuerouter 的 HTML5 历史记录模式在生产环境中不起作用

在我的 Laravel 和 Vue.js V2 项目中，我实现了具有历史记录模式的 Vue Router v3。它在我的开发机器上完美运行。然而，一旦我切换到生产环境，我就会收到错误消息......

laravel apache .htaccess vuejs2 vue-router

回答 1 投票 0

Nuxt 3 + Vite：Rollup 无法解析导入“vue-router”

在我的Nuxt 3应用程序的构建过程中，出现以下错误消息： [vite]：Rollup 无法解析从“[...]/node_modules/nuxt/dist/app/