今回は Vue.js で作る「絞り込みできるドロップダウンコンポーネント」 を紹介します。 そう、「あー、あのプルダウンに検索ついた『あれ』、あれでいいよ」とか「このドロップダウン、なんで検索すらできないの?」とか言われがちなのに、標準では存在しなくて毎回つくる羽目になって、すぐできるだろうと思ったら意外と手間がかかりまくるコントロールの選手代表です。はい。 とはいえ、さすが Vue ですので、 jQuery なんかの時代よりはずいぶんスマートに書くことができるようになっています。同じようなコンポーネントが欲しくなった人の助けになれば幸いです。 前提条件 Vue.js v2 ES2015 ぐらい シングルファイルコンポーネント Scoped SCSS なにはともあれサンプル とりあえず実際の動作例をご覧ください。ソースコードも見られるので、参考にどうぞ。 なるべく汎用的にするため、必要最小