내가 내 템플릿 마크 업까지이 안에 이름 슬롯을 사용하려는 반응 메뉴 구성 요소가 포장 할 때 슬롯이 작동하지 않는 이름 완벽하게 괜찮습니다 :뷰는
<responsive-menu>
<h3 slot="header">Responsive menu header</h3>
</responsive-menu>
그러나 클래스와 함께 포장하자마자 더 이상 아무것도 나타나지 않습니다.
<responsive-menu>
<div class="container">
<h3 slot="header">Responsive menu header</h3>
</div>
</responsive-menu>
여기에 무슨 일이 일어나는가? 명명 된 컴포넌트를 그냥 래핑 할 수 없습니까? 내 이름이 지정된 슬롯이 내 Vue 구성 요소의 직접적인 자식이어야하는 것으로 보이는가?
음 .. 나는 당신의 [사건] (http://jsfiddle.net/1t2puwtw/1/) 재현하고 그것을 작동? –
@AmreshVenugopal 헤더 슬롯을 사용 중이지만 html에는이 슬롯에 대한 참조가 없습니다. 그것이 단순히 기본 슬롯 콘텐츠로 돌아가는 것을 의미합니다. –
그런데'.vue' 구성 요소와 함께 webpack을 사용하고 있습니다. webpackbin 파일을 만들어 실행할 수 있다면 시도 할 것입니다. –