vue-router 相关问题

Vue 3 动态导入问题

为什么下面的导入在 Vue 3 中不起作用？ 从 ./${store.data}/Home.vue 导入主页； console.log(${store.data}) 正确输出文件夹名称，目前为 folder_1。 是...

webpack 5捆绑的Vue 3刷新页面找不到路由

我在使用 webpack 5 捆绑的 Vue 3 时遇到了一个问题。在我的项目中，没有使用像 Vue-cli 这样的构建工具。 我定义了 vue-router，它只在导航时有效，但是当 mak...

vue 路由中的匿名组件

我想使用 vue-router 在侧面导航（常规和帐户）的两个选项卡之间切换，但我在 vue devtools 中显示 并且我不知道我做错了什么......

在 VueRouter 的嵌套路由中，为什么在不使用组件的情况下在顶层定义组件？

在顶层定义组件“用户”的目的是什么？尽管 VueRouter 并不认为它会渲染 User 组件。 从'vue-

如何将 VueRouter 与 Storybook 结合使用

我正在尝试为引用 this.$route.params 的组件编写一个故事。我不确定如何综合定义 this.$route 在故事的上下文中。我认为解决方案是使用装饰...

Nuxt 3 设置脚本中的错误（旧）路由

我想在 Nuxt 3 组件的设置脚本中使用路由及其参数。我在通过 nuxt-link 导航时遇到问题，其中组件设置脚本中的路由...

Vue 3中检测当前组件的精确匹配路由

我有这样的问题：例如，这是我使用的路由结构： routes = [ { "name": "Parent", "path": "", "component": () => ...

Laravel Vue：ChunkLoadError：加载块 {number} 失败

[vue-router] 无法解析异步组件默认值：ChunkLoadError：加载块游戏失败。 （缺失：https://jcafe.shop/js/Game.js） [vue-router] 路由导航时未捕获的错误： 直播：

在 Nuxt 中使用 this.$nuxt.$router.push 3 页面 url 更改但未呈现新页面

使用 Nuxt 3 我正在尝试导航到位于 pages/my-custom-page/index.vue 中的新寻呼机。单击按钮后，网址会发生变化，但页面内容永远不会被更新。当我重新...

KeepAlive 仍然在每次访问组件时都挂载

我的项目由父布局和嵌套布局嵌套了许多子组件，当我将 KeepAlive 应用于子组件之一并调试时，我也使用了 和嵌套

Vuejs 路由推送如果已经打开就不会刷新页面

所以我正在做一个学校项目，当我尝试使用 this.$router.push() 加载视图时 它工作正常，但如果该视图已经加载，它不会刷新它，如果我想...

VueJs：如何正确注册vue router？

我正在尝试将 Vue Router 集成到我的 Vue 项目中。 为此，我使用 npm install vue-router@4 安装了这个包。 在我的 main.js 中，我像这样集成了路由器： 从 'vue' 导入 Vue 进口...

页面重新加载后 vue 路由器推送不起作用

我有一个将月份的随机名称添加到 url 的功能，如果在单击该功能重新加载页面后 url 没有改变，它将停止工作，这是什么问题？ 导出默认...

在 Vue Router 路径中使用正则表达式来排除特定目录

我想排除公共资产目录。我也排除了服务器端，但如果从我的 webapp 中单击 URL，它仍然会以某种方式重定向。 （不是来自硬重载或来自 Firef ...

为什么 `RouterView` 不渲染任何组件？

如果我手动将它们插入到 HTML 中，所有组件/屏幕都会正确呈现，并且 URL 更改没有错误，但 中没有显示任何内容。谢谢。 主.ts 导入 { createA...

有没有办法在重定向到同一页面时更改我的代码？

我的目标是通过路径的 url 传递所有其他页面中搜索框中的项目以获取它们并根据 movieDB API 从按钮搜索电影，问题是......

Vue 路由器不适用于复杂的路由

我正在使用 laravel 7、vue cli 2 和 vue-rotuer 3 制作单页应用程序。 我创建了一个“router.js”文件，我在其中声明了所有路由。 像“/”这样的简单路线......

如何访问 Vue 3 功能组件中的路由器？

我想添加一个简单的功能组件，它将用随机数据预填充我的 Pinia 商店并路由回主页。我试过 useRouter 但值未定义。 导入 { FunctionalCompo...

Vue-router 正在更改 url 但不重新渲染组件

首先我已经检查并打开了历史模式，我像这样调用 vue-router： 常量路由器=新路由器（{ 模式：“历史”， 基础：process.env.BASE_URL， 路线：路线， }); 目前...

扩展 vue 路由器以包含哈希（打字稿）

所以在 V4 中，确切的道具被删除了 ¹ 我一直在尝试创建一些可以注意到哈希变化的东西。 RouterExactLink.vue 所以在V4中删除了exact道具¹ 我一直在尝试创造一些能注意到hash变化的东西。 RouterExactLink.vue <template> <router-link v-bind="$props" :to="to" :class="hasHashChanged ? exactActiveClass : exactInActiveClass" > <slot /> </router-link> </template> <script lang="ts"> import { computed } from 'vue' import { RouterLink, useRoute } from 'vue-router' export default { name: 'RouterExactLink', props: { // @ts-ignore ...RouterLink.props, exactActiveClass: String, exactInActiveClass: String, to: {} }, setup(props) { const route = useRoute() const hasHashChanged = computed(() => props.to.hash == route.hash) return { hasHashChanged } } } </script> 我更愿意使用<script setup lang="ts">...</script>，但我无法让它按照我想要的方式工作。以下是我目前拥有的： （这有效） <script setup lang="ts"> import { computed } from 'vue' import { RouterLink, useRoute } from 'vue-router' const props = defineProps({ // @ts-ignore ...RouterLink.props, exactActiveClass: '', exactInactiveClass: '', to: {} }) const route = useRoute() const hasHashChanged = computed(() => props.to.hash == route.hash) </script> 当做这样的事情时会出现问题： <script setup lang="ts"> import { computed } from 'vue' import { RouterLink, useRoute } from 'vue-router' // What types do I add here? const props = withDefaults(defineProps<...>(), { // @ts-ignore ...RouterLink.props, exactActiveClass: '', exactInactiveClass: '', to: {} }) const route = useRoute() const hasHashChanged = computed(() => props.to.hash == route.hash) </script> <...> 会出现什么类型？这样我就可以得到使用打字稿的好处。