라우터에서 매개 변수를 사용하는 동안 오류 발생.푸시 함수 vue-property 4

라우터에서 매개 변수를 사용하는 동안 오류 발생.푸시 함수 vue-property 4

안녕 얘들아 난 vue js 처음이야 그리고 나는 특정 라우터에 paraminers를 전달하려고 노력하고 있어 내가 카드 리서치를 클릭했을 때 그리고 그것은 actions-log라고 불리는 연구 세부사항 구성요소로 리디렉션되지만 내가 이 라우터를 통해 호출할 때 이런 일이 일어나야 한다.

this.$router.push({ name: "actions-log", params: { Id: "3" } })

그것은 나에게 콘솔에 다음과 같은 오류를 준다.

검색되지 않은(약속 중) 오류: {"name":"3","params":{}}

그러니 그 실수에 대해 누구라도 나를 도와줄 수 있겠니...

사용할 수 있다path

const routeId = 3

this.$router.push({ path: `/actions-log/${routeId}` })

나는 무슨 일이 일어나고 있는지 알아냈다 페이지이 구성요소는 내가 사용하는 다른 모든 구성요소에 의해 포함되어 있다. 이 구성요소를 사용하여 빵 부스러기를 만드는 데 사용한다.

this.$route.fullPath

그런 다음 다음을 사용하여 값을 분할하고 루핑하십시오.

<li><router-link></router-link></li>

breadcruits 링크를 만들지만 vue 라우터의 fullPath proprop을 만들려면 다음과 같이 루프를 통해 params도 반환한다.

<router-link :to="{ name: {path} }">{{ path }}</router-link>

vue는 라우터가 지정된 이름으로 존재하는지 점검한다. 예를 들어, /actions-log/3을 params in the url에 params로 넣을 때, 이 동작 때문에 해당 예외를 실행하기 때문에 :to 속성에 설정될 것이다.

그래서 나는 다음과 같은 계산된 연비를 통해 문제를 해결했다고 생각한다.

브레드 크러스트를 만들 수 있는 더 좋은 아이디어가 있는 사람인지 모르겠는데...어쨌든 이 문제를 해결하도록 도와줘서 정말 고마워.

참조URL: https://stackoverflow.com/questions/70969295/error-while-using-params-in-the-router-push-function-vue-router-4