Vue 슬롯 요소를 사용하여 템플릿 루프에서 렌더링

Question

슬라이드의 HTML을 구성 요소에 전달한 다음 슬롯을 사용하여 다른 구성 요소로 렌더링하려고 합니다.

으아아아

MyCarousel 然后将每个 <div> Swiper 슬라이드쇼로 변환하세요.

slots.slides()를 사용하여 슬롯에 전달된 요소를 반복할 수 있습니다. 제 질문은 스와이프 슬라이드 내부에서 해당 요소의 내용을 어떻게 렌더링합니까?입니다.

으아아아

블레이드 보기에서 Swiper를 직접 사용할 수 있다는 것을 알고 있지만 그렇게 하지 않고 Vue 구성 요소에 래핑된 경우에만 슬라이드를 로 변환하려고 합니다. 나머지 시간에는 일반 HTML을 사용합니다.

Answer 1

일반적인 상황이라 한참을 검색하다 글을 올린 후 해결책을 찾았습니다. 그리고 그것은 매우 간단합니다.

모든 slide都可以呈现为动态的<component>

루프 내 으아아아