【Vue.js】ラジオボタンで入力フォームを切り替える方法

Vue.js

はじめに

この記事では、Vue.jsのラジオボタンを使って入力フォームを切り替える方法を紹介します。

また、フォームを切り替えた際、フォーム内の値を消去する方法も紹介します。

動作環境
  • Vue.js 2.6

フォーム切り替えの際、値の消去なし

 

フォーム切り替えの際、値の消去あり

 

フォーム切り替え時に値を消去する方法

バリデーション等の関係で、フォームを切り替えたときに値を消去したい場合は

をinput の属性に追加してください。valueの値は1でもaでもなんでもいいのですが、区別したいフォーム同士で違うkeyの値を渡してください。

参考

 

トップページへ戻る

 

すくまりゲームズの人気記事

 

 

 

タイトルとURLをコピーしました