国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

這篇具有很好參考價(jià)值的文章主要介紹了vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

報(bào)錯(cuò)信息

vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/home".

報(bào)錯(cuò)原因：重復(fù)點(diǎn)擊路由導(dǎo)致，因?yàn)関ue-router引入了promise,當(dāng)我們使用this.$router.push時(shí)候需要多添加成功或失敗的回調(diào)，否則就會報(bào)出以上的錯(cuò)誤。

原代碼

vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

?解決辦法

第一種

? ? ? ? 在進(jìn)行路由跳轉(zhuǎn)時(shí)對路徑進(jìn)行判斷如果重復(fù)即不再執(zhí)行

????????

			switchTab(path) {
				if (this.$router.path == path) return
				this.$router.push(path)
			}

第二種

? ? ? ? 跳轉(zhuǎn)后使用catch語句對錯(cuò)誤不再進(jìn)行處理

this.$router.push(path).catch(err => {})

第三種

? ? ? ? 基于第二種方法，當(dāng)我們的路由跳轉(zhuǎn)過多時(shí)就需要每次跳轉(zhuǎn)都要加上catch回調(diào)，這樣比較麻煩，所以還可以在引入vueRouter文件下重寫push和replace方法


import VueRouter from 'vue-router';
//保存原型對象的Push
let originPush = VueRouter.prototype.push
let originReplace = VueRouter.prototype.replace
//重寫push方法
VueRouter.prototype.push = function (location, res, rej) {
  if (res && rej) {
    originPush.call(this, location, res, rej)
  }
  else {
    originPush.call(this, location, () => { }, () => { })
  }
 
}
//重寫replace方法
VueRouter.prototype.replace = function (location, res, rej) {
  if (res && rej) {
    originReplace.call(this, location, res, rej)
  }
  else {
    originReplace.call(this, location, () => { }, () => { })
  }
}

csdn文章推薦受影響解決辦法10個(gè)字10行文章來源地址http://www.zghlxwxcb.cn/news/detail-403836.html

csdn文章推薦受影響解決辦法10個(gè)字10行

到了這里，關(guān)于vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

vue-router.esm.js:2248 Error: Cannot find module ‘@/views/dylife/ 報(bào)錯(cuò)解決
改寫成就 ok了
2024年02月12日
瀏覽(247)
Uncaught Error: [vue-router] “path“ is required in a route configuration 的解決方案
其一、報(bào)錯(cuò)的代碼信息為： Uncaught Error: [vue-router] “path“ is required in a route configuration 中文翻譯：未捕獲的錯(cuò)誤：[vue-router]“路徑”在路由配置中是必需的其二、報(bào)錯(cuò)的頁面顯示為：看到提示，肯定是 vue-router 的 path 的原因報(bào)錯(cuò)；其一、就是配置路由的時(shí)候多加了一個(gè)花
2024年02月10日
瀏覽(94)
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=9eef87ba‘
錯(cuò)誤代碼錯(cuò)誤提示瀏覽器中路由無法顯示，提示錯(cuò)誤問題描述解決方法
2024年02月05日
瀏覽(107)
JS報(bào)錯(cuò)Uncaught (in promise) TypeError: (intermediate value).format is not a function
出現(xiàn)“date.format is not a function”錯(cuò)誤是因?yàn)楦袷椒椒ㄎ丛?JavaScript 中實(shí)現(xiàn)。意思是說Format不是一個(gè)方法。去查了一下，發(fā)現(xiàn)是javascript已經(jīng)去掉此方法了，要使用的話，需要添加第三方庫。要解決該錯(cuò)誤，需要使用第三方包來格式化我們的日期，例如 moment 或 date-fns。再或者
2024年02月17日
瀏覽(96)
12 使用Vue+Vue-router+el-menu實(shí)現(xiàn)菜單功能實(shí)戰(zhàn)
上節(jié)回顧上一小節(jié)我們使用 H5+CSS3 實(shí)現(xiàn)了管理平臺的架構(gòu)布局，并且通過 Vuex 的使用，獲取到前端數(shù)據(jù)本地化存儲的username，綁定到右上角進(jìn)行全局展示。還不了解上下文的同學(xué)可以回顧一下?使用Vue+Vuex+CSS3完成管理端響應(yīng)式架構(gòu)模板實(shí)戰(zhàn)?。本節(jié)介紹本小節(jié)已經(jīng)是專欄的
2024年02月16日
瀏覽(89)
解決Vue報(bào)錯(cuò)：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location...
解決方案：方案一：只需在 router 文件夾下，添加如下代碼：方案二、使用 catch 方法捕獲 router.push 異常。方案三、在跳轉(zhuǎn)時(shí)，判斷是否跳轉(zhuǎn)路由和當(dāng)前路由是否一致，避免重復(fù)跳轉(zhuǎn)產(chǎn)生問題。 index路由文件菜單組件修改后的截圖
2024年02月17日
瀏覽(92)
vue Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘comcode‘)
?在查看信息時(shí)，界面沒反應(yīng)，然后查看控制臺報(bào)錯(cuò) 然后查找獲取數(shù)據(jù)的方法 ?f12查看返回?cái)?shù)據(jù)信息如下： {msg: \\\"操作成功\\\", code: 200} 因?yàn)闆]有正確返回?cái)?shù)據(jù)，導(dǎo)致獲取response.data時(shí)是一個(gè)undefined ，因此展示數(shù)據(jù)的時(shí)候就會出錯(cuò) 所以修改獲取數(shù)據(jù)的function，然后將獲取的數(shù)據(jù)判
2024年02月14日
瀏覽(91)
vue3 vite Uncaught (in promise) ReferenceError: Cannot access ‘xx‘ before initialization
Uncaught (in promise) ReferenceError: Cannot access \\\'BasicForm\\\' before initialization這是組件之間出現(xiàn)循環(huán)引用時(shí)導(dǎo)致，我們可以通過異步組件： defineAsyncComponent解決，在VUE3的官網(wǎng)：https://cn.vuejs.org/guide/components/async.html#basic-usage。直接引用官網(wǎng)提供的異步組件( defineAsyncComponent ),寫法多種。以
2024年02月12日
瀏覽(94)
js播放音頻 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
代碼：播放音頻時(shí)，報(bào)錯(cuò)： Uncaught (in promise) DOMException: play() failed because the user didn\\\'t interact with the docum 說明： google瀏覽器必須在用戶與頁面進(jìn)行交互后，才能進(jìn)行播放音頻。
2024年02月16日
瀏覽(91)
Vue.js：Vue-Router動(dòng)態(tài)路由從服務(wù)器接口獲取路由數(shù)據(jù)
文檔 https://v3.router.vuejs.org/zh/installation.html 版本號有幾種方式實(shí)現(xiàn)動(dòng)態(tài)路由：前端配置完整路由，通過接口返回的數(shù)據(jù)判斷是否可顯示，是否可訪問前端配置部分路由，由后端接口返回的數(shù)據(jù)生成新路由拋開路由的思維，是否能直接通過 url查詢參數(shù) 或者是動(dòng)態(tài)路徑參數(shù)
2024年02月08日
瀏覽(86)