Vue 파일에 점프 페이지를 구현하는 방법

vue 파일을 사용하여 페이지로 이동하는 방법: vue 파일 간 이동은 종종 [<router-link>]를 통해 구현되며, 코드는 [demo2]. <router-link>

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

vue 파일을 사용하여 페이지로 이동하는 방법:

vue를 사용하는 동안 vue 파일 간 점프는 <router-link>를 통해 구현되는 경우가 많습니다. <router-link>实现。

<router-link>

<router-link>

구성 요소는 탐색 링크를 설정하고 다양한 HTML 콘텐츠 간을 전환하는 데 사용됩니다.

사용법:

1 간단한 작성

<router-link to="demo2">demo2</router-link>

2. 작성 방법

<router-link :to="‘demo2‘">demo2</router-link>
<!-- 也可以用{}包裹对应的path或name -->
<router-link :to="{ name: ‘demo2‘ }">demo2</router-link>

3. 매개변수 전달 작성 방법

<router-link :to="{ name: ‘demo2‘, params: { userId: 123 }}">demo2</router-link>

여기서는 router.js에서 데모2의 경로를 구성해야 합니다. path: 및 해당 userId에 다음과 같이 데모2 뒤에 와일드카드를 추가합니다. 구성이 완료되면 페이지 이동 결과는 /demo2/123

여기의 "123"은 위의 사용자 ID입니다

관련 학습 권장 사항: javascript 비디오 튜토리얼

🎜

위 내용은 Vue 파일에 점프 페이지를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!