Vue.jsによるformのselectによるリンクメニューの実装 ITかあさん

ITかあさん

Vue.jsによるformのselectによるリンクメニューの実装

jQueryでformのselectタグによるリンクメニューを実装した場合


プルダウンを変更した時をonChangeでうけとってlocation.hrefでページを遷移させる、これ。これをVue.jsで実現したい。

Vue.jsによるformのselectによるリンク

Vue.jsでselectフォームを実装する場合、フォーム入力バインディングを使います。


v-forを使って繰り返し処理を行い、
v-bindでselectのoptionの設定を行います。

v-modelを使うと、formのdefault値が無視される性質があるため、valueの空をセットしています。

初夏のJavaScript祭 in サーキュレーションビル ForPro