當(dāng)菜單路由重復(fù)點(diǎn)擊時(shí)，會(huì)出現(xiàn)以下報(bào)錯(cuò)：

雖然沒(méi)有什么影響(不知道深層有什么影響，頁(yè)面運(yùn)行反正沒(méi)啥問(wèn)題)，但是有個(gè)報(bào)錯(cuò)看著就畢竟鬧心。
有以下解決方案：

router配置中添加代碼塊不再報(bào)錯(cuò)

// 解決Vue-Router升級(jí)導(dǎo)致的Uncaught(in promise) navigation guard問(wèn)題 const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location, onResolve, onReject) {if (onResolve || onReject)return originalPush.call(this, location, onResolve, onReject);return originalPush.call(this, location).catch((err) => err); };

增加刷新頁(yè)面，重新加載當(dāng)前頁(yè)
刷新頁(yè)面

<!-- 空頁(yè)面，負(fù)責(zé)中轉(zhuǎn)到目標(biāo)頁(yè)面 --> <template><div></div> </template><script> export default {name: 'refresh',data() {return {};},beforeRouteEnter(to, from, next) {next((vm) => {vm.$router.replace(from.path);});}, }; </script>

路由

{path: "/refresh",name: "refresh",hideInMenu: true,component: () =>import( /* webpackChunkName: "login" */ "@/components/refresh/refresh"), },

菜單跳轉(zhuǎn)時(shí)

routeJump(item) {const toPath = item.path;const thePath = this.$route.path;if (toPath == thePath) {this.$router.replace({ path: '/refresh' });} else {this.$router.push({ name: item.name });}},

如果當(dāng)前路由與跳轉(zhuǎn)路由相同，則跳轉(zhuǎn)到refresh頁(yè)面中，再跳回原頁(yè)面，重新加載一次當(dāng)前路由。

總結(jié)

以上是生活随笔為你收集整理的vue 当前路由重复点击跳转报错的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。