본문 바로가기 메뉴 바로가기

오늘보다 더 나은 내일을 위해

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

오늘보다 더 나은 내일을 위해

검색하기 폼
  • 분류 전체보기 (13)
    • vue js (3)
    • python django (3)
    • 리팩토링 (0)
    • react native (1)
    • aws (2)
    • 기타 기술내용 (4)
  • 방명록

vue (1)
[Vue.js] 컴포넌트 내 scoped style에 스타일이 적용 되지 않을때 v-deep으로 해결

deep selector란? 부모 컴포넌트에서 자식 컴포넌트에 영향을 미치게 하려면, >>> (deep selector) 를 사용할 수 있다 deep selector 적용하는 방법 3가지 글쓴이는 회사에서는 vue2를 사용하고 있으므로 ::v-deep . child-class로 사용합니다. vue3를 사용하고 있다면 ::v-deep(.child-class)로 사용합니다 1. 각 컴포넌트별 클래스 스타일 추가 부모(Parent) 컴포넌트 Parent 컴포넌트입니다 자식(Child) 컴포넌트 Child 컴포넌트입니다 2. 부모 컴포넌트에서 자식 컴포넌트 클래스 스타일 추가 scoped 속성 때문에 현재 컴포넌트 내에서만 스타일 적용이 가능하다 부모(Parent) 컴포넌트 Parent 컴포넌트입니다 자식(Ch..

vue js 2023. 1. 12. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • v-deep
  • MouseEvent
  • vuetify2.6.3
  • vue2.6.11
  • vue
  • vue.js
  • style scoped
  • frontend
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바