私と私の猫の他は誰でも隠し事を持っている

野良プログラマ発、日々のアウトプット

【Vuetify】ドロップダウンリストで「その他」選択時に任意テキストを入力

Vuetify 小ネタ。表題の件を v-select で実現できんかなー、とサーチしていて見つけたのがこれ↓。

stackoverflow.com

ほぼドンピシャなソリューションだったのですが、任意入力 + Enter で初期表示状態に戻る U/I が少し不満だったので fork してアレンジしてみました↓。


See the Pen
Stackoverflow: 61211428
by まりゆどぅ (@Mariyudu)
on CodePen.

v-text-field で任意入力した後でも表示はそのままで、append-icon で付与したクローズボタンをクリック時にドロップダウンリストに戻れるよう、変更しています。