본문 바로가기
반응형

route2

[Vue] router 에서 여러가지 주소 사용하기 #alias search 와 find의 router의 components 가 같습니다. { path: '/search/:text', components: { header: Header, default: MainBody, footer: Footer } }, { path: '/find/:text', components: { header: Header, default: MainBody, footer: Footer } } 두개의 URL을 사용하고, 같은 동작을 해야 한다면 아래의 방법이 관리하기가 더 쉽습니다. { path: '/search/:text', alias: ['/find/:text'], components: { header: Header, default: MainBody, footer: Footer } } ali.. 2021. 1. 12.
[Vue] route 에서 url parameter 받아오기 VUE : Get URL Parameter Url 에서 파라메터를 가져오는 방법입니다. 1. $route.params https://hello-bryan.tistory.com/search/hello/20 이런 url 이 있을 때, router 설정 { path: '/search/:text/:size', components: { header: Header, default: SearchBody, footer: Footer } } 파라메터 접근은 $route.params 입니다. {{ $route.params }} {{ $route.params.text }} {{ $route.params.size }} --- 2. $route.query 파라메터가 ? 를 통해서 들어올 경우 https://hello-bryan.. 2021. 1. 4.
728x90
반응형

티스토리툴바