본문 바로가기

Vue.js15

Nested Router Nested Router(네스티드 라우터)는 라우터로 페이지를 이동할 때 최소 2개 이상의 컴포넌트를 화면에 나타낼 수 있다. 네스티드 라우터를 이용하면 URL에 따라서 컴포넌트의 하위 컴포넌트가 다르게 표시된다. 2022. 6. 6.

[Vue.js] router URL의 해시 값(#)을 없애는 법 vue router의 기본 URL 형식은 해시 값(#)을 사용한다. 만약 index.html/login과 같이 해시 값을 없애고 싶으면 히스토리 모드(history mode)를 활용하면 된다. var router = new VueRouter({ mode: 'history', routes }) 2022. 6. 6.

[Vue.js] v-model v-model은 양방향 바인딩을 할 때 사용한다. 2021. 12. 28.

[Vue.js] v-on v-on은 DOM 이벤트를 수신할 때 사용한다. 2021. 12. 28.

[Vue.js] v-bind 란? v-bind는 반응적으로 html 속성을 업데이트할 때 사용한다. 2021. 12. 28.

[Vue] Error: Avoided redundant navigation to current location. 현재 페이지에서 동일한 페이지 경로로 이동하려고 하면 생기는 ERROR다. 👉🏻 ERROR가 발생한 코드 this.$router.push('/monitoring'); 👉🏻 수정한 코드 둘중 하나로 바꿔주면 된다. -catch로 오류를 무시하기 this.$router.push('/monitoring').catch(()=>{}); -현재 주소와 이동할 주소를 비교해서 실행하기 if (this.$route.path !== '/monitoring') { this.$router.push('/monitoring') } 2021. 11. 24.

이전 1 2 3 다음

티스토리툴바