반응형
부에루터 이름 및 매개 변수로 경로 가져오기
나는 Vue를 Vue-router와 함께 사용하고 있다.목록 보기에 있는 제품 항목의 경우 다음을 사용하여 JSON-LN 주석을 생성하려고 함url
제품 상세 내역 보기의 경로에 설정된 속성.
다음을 사용하여 현재 경로의 경로를 얻을 수 있다는 것을 알고 있다.this.$route.path
하지만 다른 경로로 가는 방법이 없을까?
<router-link :to={name: 'ProductDetail', params: {id: some_id, slug: some_slug}}></router-link>
다른 곳에 그 경로의 경로를 주입할 수 있을까?
라우터 인스턴스의 메서드를 찾고 있는 경우:
에 사용된 것과 같은 형태로 지정된 위치
<router-link/>
는 다음과 같은 확인된 속성으로 개체를 반환한다.{ location: Location; route: Route; href: string; }
당신의 경우 URL을 얻기 위해 다음과 같은 작업을 할 수 있다.
let props = this.$router.resolve({
name: 'ProductDetail',
params: { id: some_id, slug: some_slug },
});
return props.href;
참조URL: https://stackoverflow.com/questions/42927637/get-route-by-name-and-params-for-vue-router
반응형
'IT이야기' 카테고리의 다른 글
Lodash 디바운드가 있는 Vue JS 시계를 올바르게 사용하는 방법 (0) | 2022.03.06 |
---|---|
재조정 변수를 반응시키다. 정의되지 않은 상태로 반환하다. (0) | 2022.03.06 |
반응 / JSX 동적 구성 요소 이름 (0) | 2022.03.05 |
어떤 상황에서 "필수" 구문보다 v-text를 선택하겠는가? (0) | 2022.03.05 |
next.js + 리액션 이전 페이지로 돌아가기 (0) | 2022.03.05 |