element"입니다. 2. "this.$router.push(url address)"를 사용합니다. " 점프를 구현하십시오."/> element"입니다. 2. "this.$router.push(url address)"를 사용합니다. " 점프를 구현하십시오.">
이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
페이지로 이동하는 Vue 메소드
1: router-link jump
<!-- 直接跳转 --> <router-link to='/testDemo'> <button>点击跳转2</button> </router-link> <!-- 带参数跳转 --> <router-link :to="{path:'testDemo',query:{setid:123456}}"> <button>点击跳转1</button> </router-link> <router-link :to="{name:'testDemo',params:{setid:1111222}}"> <button>点击跳转3</button> </router-link>
2: this.$router.push()
<template> <p id='test'> <button @click='goTo()'>点击跳转4</button> </p> </template> <script> export default{ name:'test', methods:{ goTo(){ //直接跳转 this.$router.push('/testDemo'); //带参数跳转 this.$router.push({path:'/testDemo',query:{setid:123456}}); this.$router.push({name:'testDemo',params:{setid:111222}}); } } } </script>
매개변수와 쿼리 매개변수의 차이점은 무엇인가요? ? ? 매개변수가 매개변수에 전달될 때 매개변수의 내용이 주소 표시줄에 표시되지 않는 것을 주소 표시줄에서 볼 수 있습니다. 이는 쿼리가 매개변수를 전달할 때 전달되는 매개변수 정보를 확인할 수 있는 것과 약간 비슷합니다. ajax의 개별 매개변수 전달과 약간 비슷합니다
setId를 별도의 매개변수로 전달하면 주소 표시줄의 주소는 다음과 같습니다.
첫 번째 방법: 경로 - 쿼리 전달 매개변수
두 번째 방법: 이름 - 매개변수를 전달하는 매개변수
그러나 일반적으로 매개변수를 전달하는 것은 개체가 전달될 때 주소 표시줄의 주소는 아래와 같습니다.
첫 번째 방법: 경로 - 쿼리 통과
를 참조하세요.
두 번째 방법: 이름 - 매개변수 전달을 위한 매개변수
<p> </p><p>微风轻轻的吹来,带来了一丝丝凉意</p> <p> <button>显示</button> <button>隐藏</button> </p> var vm = new Vue({ el: '#app', data: { isShow:true }, methods:{ show:function(type){ if(type){ this.isShow = true; }else{ this.isShow = false; } } } })
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습 과정을 방문하세요! !
위 내용은 vue.js의 페이지로 이동하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!