반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- scss
- 리액트
- event
- HOC
- jsx
- express
- Vue transition
- Vue.js
- TypeScript
- react
- State
- v-html
- Vue
- App.vue
- webpack
- 댓글달기
- sass
- Wecode
- JavaScript
- storybook
- vuex
- 자바스크립트
- mapGetters
- 자료구조
- nodejs
- 쉬운설명
- ES6
- CSS
- MySQL
- input
Archives
- Today
- Total
목록App.vue (2)
익명의 개발노트
[vue.js] 특정 컴포넌트 안보이게 처리
개발 중에 footer navigator를 특정 페이지에는 안보이게 처리를 해야하는 일이 생겼다. 우선 개발했을때 아래와 같이 2가지 방법 밖에 생각이 안났다. 1. 각각의 페이지에서 footer navigator bar를 import해서 불러오는 방법 2. 최상위 app.vue 파일에 footer navigator bar를 import해서 사용하는 방법 따라서, 2번 사항으로 개발을 진행했고, beforeUpdate 함수에서 document.location.pathname 를 이용하여 해당페이지에 접근하면 안보이게 처리했었다. 아래와 같이.. //App.vue beforeUpdate(): void { switch(document.location.pathname){ case '/email-check': ..
코딩일기/TIL
2020. 2. 20. 19:23
[vue.js] global 컴포넌트 특정 라우트 컴포넌트에서 안보이게 처리
위와 같이 통상 하단부 네이게이션 바를 특정 컴포넌트에서 안보이게 하고 싶을 때 처리하는 방법. 글로벌로 보이게 처리하려면 app.vue에서 등록을 해주면 어떤 라우터를 타고 들어가든 해당 컴포넌트를 볼 수 가 있다. 특정 컴포넌트에서 안보이게 처리는 어떻게 할까? //app.vue App.vue 컴포넌트에서 특정 url일때, 해당 컴포넌트를 안보여주면 된다. 위 소스 코드 처럼, 라이프싸이클 부분에서 url을 파싱하여, 해당 url일때 v-if를 통한 분기처리를 해주면 해결된다.
코딩일기/TIL
2020. 1. 23. 18:02