vue-router jquery 와 params 전 참(수신 매개 변수)$router$route 의 차 이 를 분석 합 니 다.

1508 단어 vuerouterjqueryparams
오늘 프로젝트 를 할 때 vue-router 전 삼 의 구덩이(jquery 와 params)를 밟 았 기 때문에 이들 의 차 이 를 정리 하기 로 했다.
1.jquery 방식 전송 및 수신 매개 변수
전 참:

this.$router.push({
  path:'/xxx'
  query:{
   id:id
  }
  }) 
수신 인자:this.$route.query.id메모:전 삼 은 this.$router 입 니 다.수신 인 자 는 this.$route 입 니 다.여 기 는 제발 잘 보 세 요!!!
this.$router 와 this.$route 는 어떤 차이 가 있 습 니까?
콘 솔 에서 두 가 지 를 인쇄 하면 두 가지 차이 점 을 뚜렷하게 볼 수 있다.

1.$router 는 VueRouter 인 스 턴 스 로 서로 다른 URL 로 탐색 하려 면$router.push 방법 을 사용 합 니 다.
2.$route 는 현재 router 점프 대상 으로 name,path,query,params 등 을 가 져 올 수 있 습 니 다.
2.params 방식 전송 및 수신 매개 변수
전 참:

this.$router.push({
  name:'xxx'
  params:{
   id:id
  }
  }) 
수신 인자:this.$route.params.id메모:params 전송,push 안 에는 name:'xxxx'만 있 을 수 있 습 니 다.path:'/xxx'가 아 닙 니 다.params 는 name 으로 만 길 을 도입 할 수 있 기 때 문 입 니 다.path 라 고 쓰 여 있 으 면 수신 매개 변수 페이지 는 undefined!!
또한,두 사람 은 약간의 차이 가 있 습 니 다.솔직히 query 는 get 요청 에 해당 합 니 다.페이지 가 이동 할 때 주소 표시 줄 에서 요청 파 라 메 터 를 볼 수 있 습 니 다.params 는 post 요청 에 해당 합 니 다.파 라 메 터 는 주소 표시 줄 에 표시 되 지 않 습 니 다.
총결산
위 에서 말 한 것 은 작은 편집 이 여러분 에 게 소개 한 vue-router jquery 와 params 전 참(수신 매개 변수)$router$route 의 차이 점 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.작은 편집 자 는 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기