태그를 vue로 점프하는 방법

VUE에서 태그의 점프를 구현하는 방법에는 다음이 포함됩니다. HTML 템플릿의 A 태그를 사용하여 HREF 속성을 지정합니다. VUE 라우팅의 라우터 링크 구성 요소를 사용하십시오. javaScript 에서이. $ router.push () 메소드를 사용하십시오. 쿼리 매개 변수를 통해 매개 변수를 전달할 수 있으며 동적 점프를 위해 라우터 옵션에서 경로를 구성 할 수 있습니다.

태그 점프에서 vue

vue.js에서는 다음 단계를 통해 태그 점프를 달성 할 수 있습니다.

1. 태그를 추가하십시오

HTML 템플릿에서 A 태그를 사용하고 HREF 속성을 지정하십시오.

 <code class="html"><a href="/my-page">跳转到我的页面</a></code>

2. vue 라우팅

VUE 라우팅을 사용하는 경우 A 태그 대신 router-link 구성 요소를 사용할 수 있습니다.

 <code class="html"><router-link to="/my-page">跳转到我的页面</router-link></code>

VUE의 라우팅 시스템을 사용하여 페이지 리디렉션을 수행하여 페이지 재 장전을 피할 수 있습니다.

3. JavaScript

동적 점프에 JavaScript를 사용하려면 this.$router.push() 메소드 :

 <code class="javascript">this.$router.push('/my-page')</code>

매개 변수 패스

점프 중에 매개 변수를 전달 해야하는 경우 query 매개 변수를 사용할 수 있습니다.

HTML 템플릿

 <code class="html"><a href="/my-page?id=123">传递参数123</a></code>

vue 라우팅

 <code class="html"><router-link to="/my-page" :query="{ id: 123 }">传递参数123</router-link></code>

자바 스크립트

 <code class="javascript">this.$router.push({ path: '/my-page', query: { id: 123 } })</code>

알아채다:

• VUE 인스턴스에 vue-router 설치되어 있는지 확인하십시오.
• 동적 점프의 경우 router 옵션에서 라우팅을 구성해야합니다.

위 내용은 태그를 vue로 점프하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!