이번에는 Vue에서 라우팅 매개변수를 동적으로 설정하는 단계에 대해 자세히 설명하겠습니다. Vue에서 라우팅 매개변수를 동적으로 설정할 때 주의사항은 무엇인가요?
라우팅 매개변수는 vue에서 동적으로 설정할 수 있습니다:
1. this.$router.go()
,与js histroy.go()
Usage를 항상 사용하고, 앞으로 1, 뒤로 -1, 현재 페이지: 0
go를 사용할 때 이미 액세스 기록이 있어야 합니다
Case :
<template> <p> <button @click="goht">后退<button> <br/> <button @click="goqj">前进<button> <br/> <button @click="gosx">刷新当前<button> </p> </template> <script> export default { methods: { goht(){ this.$router.go(-1); }, goqj(){ this.$router.go(1); }, gosx(){ this.$router.go(0); //或者 this.$router.go(); } } } </script>
2. 푸시 호출 사용:
Case
<template> <p> <button @click="pageA">去A页面</button> <br/> <button @click="pageB">去B页面</button> <br/> </p> </template> <script> exprot default { methods: { pageA(){ //去路由A页面,字符串形式只能是path,类似to="path" this.$router.push('/RouterA'); }, pageB(){ //去路由B页面,数组形式,类似 :to="{}" this.$router.push( { name: 'RouterB', query: {'name': 'name1', title: 'title1'} //,params:{'name': 'name2', title: 'title2'} } ); } } } </script>
이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요. !
추천 자료:
WeChat 애플릿의 이미지를 장치 높이에 맞게 조정하는 방법
jquery를 사용하여 새 창에서 외부 링크를 여는 방법
지정된 위치에서 jquery 이미지 미리보기 업로드시 비율 (코드첨부) )
위 내용은 Vue에서 라우팅 매개변수를 동적으로 설정하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!