"Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/main/introduce".\n\tat createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2053:15)\n\tat createNavigationDuplicatedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2023:15)\n\tat HashHistory.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2340:18)\n\tat HashHistory.transitionTo (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2267:8)\n\tat HashHistory.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2722:10)\n\tat eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:3043:24)\n\tat new Promise ()\n\tat VueRouter.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:3042:12)\n\tat VueComponent.updateCurUser (webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/main/routes/users/Introduce.vue:60:20)\n\tat click (webpack-internal:///./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-622442b5","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/main/routes/users/Introduce.vue:30:34)该错误是由于重复导航到当前位置引起的。这通常发生在使用Vue Router进行路由导航时,当尝试导航到当前活动路由时,会抛出此错误。\n\n在你的代码中,根据错误信息,问题可能出现在"Introduce.vue"组件的第60行。在该行代码中,你可能正在使用this.$router.push()方法进行路由导航,而导航目标与当前活动路由相同。\n\n要解决这个问题,你可以在导航之前添加一些条件判断,以避免重复导航。例如,你可以检查当前活动路由是否与导航目标相同,如果相同,则不执行导航操作。\n\n以下是一个示例代码片段,演示如何避免重复导航:\n\njavascript\nupdateCurUser() {\n // 获取当前活动路由\n const currentRoute = this.$route.path;\n \n // 检查当前活动路由是否与导航目标相同\n if (currentRoute !== '/main/introduce') {\n // 执行路由导航\n this.$router.push('/main/introduce');\n }\n}\n\n\n在此示例中,我们首先获取当前活动路由的路径,然后检查它是否与导航目标"/main/introduce"相同。如果它们不同,我们才执行路由导航操作。\n\n通过这种方式,你可以避免重复导航,并解决这个错误。

Vue Router 错误: NavigationDuplicated - 避免重复导航到 /main/introduce

原文地址: https://www.cveoy.top/t/topic/p2gt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录