ElementPlus Vue3 ライブラリのすべての el-collapse-item を 1 つのボタンで展開または折りたたむにはどうすればよいですか?

Question

このコードを使用して、ElementPlus Vue3 ライブラリのすべての el-collapse-items を 1 つのボタンで展開および折りたたむ方法を教えてください。

リーリー

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

Answer 1

次のコード スニペットをご覧ください:

リーリー リーリー

Answer 2

この操作は Accordion モードでは実行できません。ドキュメントに記載されているように:

これを行うには、ドキュメントのように、accordion 属性を削除し、activeName 値を配列に変更する必要があります。 リーリー

すべての項目を展開/折りたたむには、

activeNames の値を変更して、el-collapse-item/ em のすべての 名を含める関数を作成できます。 > コンポーネントまたは空、例: リーリー