티스토리 뷰
Vue의 style scoped 같은 경우
컴포넌트를 컴파일 하게 될경우
각 요소마다
<h3 data-v-c14f2f8c>TEST</h3>
와 같이 data-v-c14f2f8c 가 붙게 된다
여기서 style scoped에
h3 {
color: red;
}
라는 것을 적게 되면
사실상
h3[data-v-c14f2f8c] {
color: red;
}
로 적용되는 것이다.
그런데 여기서
내가 jquery나 javascript로 동적요소를 append했다고 생각해보자
그렇다면
$('body').append('<h3>Hello</h3>');
를하게되면
<body>
<h3>Hello</h3>
</body>
가 있게 된다.
즉 h3은 [data-v-c14f2f8c]와 같은 속성을 가지지 않게 되므로 css가 적용되지 않는 다는 것이다. 해결방법은 다음에 이어 쓰도록 하겠다~
'개발' 카테고리의 다른 글
| a 태그 크기 맞추기 (0) | 2018.12.31 |
|---|---|
| [PHP] file_get_contents 에러 처리 (0) | 2018.12.31 |
| 라라벨 마이그레이션 (0) | 2018.11.21 |
| [JS] Substring (0) | 2018.11.21 |
| 유니티 오브젝트 투명하게 하는법. - FadeIn/ FadeOut (0) | 2018.11.16 |
댓글