ElementのSelect(セレクトボックス)部品で全選択をする方法

ElementのSelect(セレクトボックス)部品には選択肢を全選択するというオプションなどはありません。自分で実装するしかないようなので、実際に作ってみました。

簡単な説明

「All」という全選択用の選択肢を用意したSelectを作ります。Selectの値が変更されるとchangeイベントが発行されます。changeイベントが発行されたらselectAllという関数を呼び出すようにしています。selectAllの関数には、現在選択されている値がすべて渡されてきます。その中に「All」があれば全選択がされたと判定して、「All」以外の値を選択された値として置き換えるようにしています。

参考

公式ページへのリンク：https://element.eleme.io/#/en-US/component/select

お役に立ちましたぜひスキをお願いいたします。もっと記事を書くモチベーションになります