Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(25)クイズの答えをダイアログに入力しないと送信できないようにする

25. クイズの答えをダイアログに入力しないと送信できないようにする

  • Vue.jsバージョン: 2.5.2
  • [送信]ボタンを押すとダイアログにクイズが表示されます。正解しない場合は「不正解」と表示されます。
  • 画面をリロードすると最初の状態に戻ります。

サンプルコード


ポイント: formタグで@submit="c"のようにイベントと関数を指定できます。イベントはform以外のタグでも設定できます。

<form @submit="c" method="POST" action="" ref="form">

サンプルでは正解した場合の送信も抑制してあります。

...
else {e.preventDefault()}
...

@で指定できるイベントは他にもありますが、以下によるとイベントの種類の公式なリストはまだないようです。


バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。