Vue.jsサンプルコード(14)「承認」ボタンを押したら解除できないようにする

14. 「承認」ボタンを一度押すと解除できないようにする

  • 画面を再読み込みするとチェックボックスはオフの状態に戻ります。

サンプルコード


ポイント: HTMLのinputで@change="a = true"を指定することで、常にtrueにしています。

<input type="checkbox" v-model="a" @change="a = true">
  承認
</input>

  • 前記事: 13. 「承認」チェックボックスをオンにしないと「送信」ボタンを押せないようにする
  • 次記事: 15. パスワードのマスク解除ボタン
Ruby on RailsによるWEBシステム開発、Android/iPhoneアプリ開発、電子書籍配信のことならお任せください この記事を書いた人と働こう! Ruby on Rails の開発なら実績豊富なBPS

この記事の著者

hachi8833

Twitter: @hachi8833、GitHub: @hachi8833 コボラー、ITコンサル、ローカライズ業界、Rails開発を経てTechRachoの編集・記事作成を担当。 これまでにRuby on Rails チュートリアル第2版の半分ほど、Railsガイドの初期翻訳ではほぼすべてを翻訳。その後も折に触れてそれぞれ一部を翻訳。 かと思うと、正規表現の粋を尽くした日本語エラーチェックサービス enno.jpを運営。 仕事に関係ないすっとこブログ「あけてくれ」は2000年頃から多少の中断をはさんで継続、現在はnote.muに移転。

hachi8833の書いた記事

週刊Railsウォッチ

インフラ

BigBinary記事より

ActiveSupport探訪シリーズ