버튼 하나로 ElementPlus Vue3 라이브러리의 모든 el-collapse-item을 확장하거나 축소하는 방법은 무엇입니까?

Question

이 코드를 사용하면 버튼 하나로 ElementPlus Vue3 라이브러리의 모든 el-collapse-항목 확장 및 축소를 어떻게 전환할 수 있나요?

으아악

https://element-plus.org/en-US/comComponent/collapse.html#accordion

Answer 1

다음 코드 조각을 살펴보세요:

으아악 으아악

Answer 2

아코디언 모드에서는 이 작업을 수행할 수 없습니다. 문서에 따르면:

이렇게 하려면 문서에서와 같이 accordion 속성을 제거하고 activeName 값을 배열로 변경해야 합니다.

으아악

모든 항목을 확장/축소하려면 el-collapse-itemnames /em> 구성 요소를 포함하거나 처럼 비어 있도록 activeNames

값을 변경하는 함수를 생성할 수 있습니다. 으아악