스타일링 Vue 슬롯

Question

Vue 구성 요소에서 슬롯을 스타일링하는 방법이 있습니까?

<slot style="position: absolute"></slot> 

및

<slot class="slot"></slot> 

가 작동하지 않습니다.

Answer 1

랩은 A <div> 슬롯과 스타일 대신 <div> :

<div class="wrapper"> 
    <slot></slot> 
</div> 

.wrapper > * { 
    color: red; 
} 

: 당신이 정말로 슬롯 요소의 스타일을해야하는 경우,이 같은 CSS 선택기를 사용할 수 있습니다

<div style="..."> 
    <slot></slot> 
</div>