demo2]입니다."/> demo2]입니다.">

 >  기사  >  웹 프론트엔드  >  Vue 파일에 점프 페이지를 구현하는 방법

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

coldplay.xixi
coldplay.xixi원래의
2020-11-24 10:48:027877검색

vue 파일을 사용하여 페이지로 이동하는 방법: vue 파일 간 이동은 종종 [b988a8fd72e5e0e42afffd18f951b277]를 통해 구현되며, 코드는 [9c0c376ddbe97047c47dd14d3f3103bfdemo2].

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

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

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

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

<strong>b988a8fd72e5e0e42afffd18f951b277</strong>

<p>b988a8fd72e5e0e42afffd18f951b277</p> 구성 요소는 탐색 링크를 설정하고 다양한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.