vue.js でチェックボックスによってセレクトボックスの enabled/disabled を切り替える
タイトル通りの挙動を、このエントリを書いている現在で javascript がまったく得意ではない自分が jquery
で書くとこんな感じになります。
きっともっとまともな書き方があるんでしょうけども、非常に冗長な感じですね。
vue.js
で書いてみた
めっちゃスッキリした。
el
で指定したセレクタの配下がスコープになるので、上記の jquery
のように挙動ごとにセレクタを指定しなくて良くて(きっともっとまともな書き方があるんでしょうけども)スッキリ書けて良い。