ElementUI 내 비게 이 션 메뉴 를 사용 하여 오류 해결 방법 을 반복 클릭 합 니 다.
10615 단어 Vue
<el-menu
router
:default-active="$route.path"
class="el-menu-vertical-demo">
<el-menu-item index="/home">
<span slot="title" class="">
Home
span>
el-menu-item>
el-menu>
이렇게 메뉴 기능 을 실 현 했 지만 같은 메뉴 를 클릭 할 때 오류 가 발생 할 수 있 습 니 다.
element-ui.common.js?5c96:3354 Error: Avoided redundant navigation to current location: "/dashboard".
at createRouterError (vue-router.esm.js?8c4f:2062)
at createNavigationDuplicatedError (vue-router.esm.js?8c4f:2035)
at HTML5History.confirmTransition (vue-router.esm.js?8c4f:2195)
at HTML5History.transitionTo (vue-router.esm.js?8c4f:2125)
at HTML5History.push (vue-router.esm.js?8c4f:2492)
at VueRouter.push (vue-router.esm.js?8c4f:2916)
at VueComponent.routeToItem (element-ui.common.js?5c96:3381)
at VueComponent.handleItemClick (element-ui.common.js?5c96:3348)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3888)
이 문 제 를 해결 하 는 방법
ts 버 전
// index.ts
// new VueRouter()
const resolveOriginal = VueRouter.prototype.push
VueRouter.prototype.push = function push(location:any) {
return (resolveOriginal.call(this, location) as any).catch((err:any) => err)
}
js 버 전
// index.js
// new VueRouter()
const resolveOriginal = VueRouter.prototype.push
VueRouter.prototype.push = function push(location:any) {
return resolveOriginal.call(this, location).catch(err => err)
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.