Programing

VueRouter 인스턴스에서 경로 개체에 액세스하는 중

c10106 2022. 3. 10. 21:57
반응형

VueRouter 인스턴스에서 경로 개체에 액세스하는 중

나는 현재 노선의 쿼리 매개변수로 작동할 작은 서비스를 만들고 있다.

불행하게도, 부에로터는 아무것도 없는 것 같다.route매개 변수 때문에 서비스에 필요한 정보에 액세스할 수 없음.

import router from "../router";

class QueryParametersService {
    constructor() {
        this.router = router;
    }

    getAll() {
        // Unfortunately, `route` does not exist there
        // but for you, to get the idea, I want to achieve something like this
        return this.router.route.query;
    }
}

물론, 라우터는 적절하게 인스턴스화되어 있고 잘 작동한다.VueRouter 인스턴스 내에서 현재 경로에 액세스할 수 있는 방법이 있는가?아니면 외부 서비스에서 현재 노선에 접속할 수 있는 방법이 없을까?미리 고맙다.

이런, 부에로터 API에 대한 문서 전체를 읽지 못했어.

현재 경로가 다음 위치에 저장됨router.currentRoute.

불행히도, 이것은 아마도 마법의 방법일 것이다. 그래서 당신이 console.log를 할 때 그것이 보이지 않는 것이다.

이거 써.$route.params.varName

vue-properties를 로드할 경우 이 $118을 사용할 수 있다.

참조URL: https://stackoverflow.com/questions/51838376/accessing-route-object-from-vuerouter-instance

반응형