フォームに入力項目が多数あり、最後に登録ボタン(submit)がある時、
必然的に画面を下までスクロールして登録ボタンを押すことになるかと思います。
その際、整合性エラーなど発生した場合、そのエラーを見せたいため
画面上部まで戻したい(スクロール?)のですが、どのようにやればいいのかをご教授いただけないでしょうか。
よろしくお願いします。
javascript
1<template> 2 <div> 3 <div>{{ invalid }}</div> ← エラーメッセージ 4 <form @submit.prevent="save"> 5 <input v-model="form.name"> 6 : 7 : // スクロールするほどのたくさんの項目 8 : 9 <button variant="success" type="submit">登録</button> 10 </form> 11 </div> 12</template> 13 14<script> 15export default { 16 data() { 17 form: { 18 name: ... 19 : // 項目 20 }, 21 invalid: {}, 22 } 23 methods: { 24 save() { 25 if ( /* 整合性判定 */ ) { 26 this.invalid = { 27 name: '名前が未記入', 28 }; 29 // この辺にフォームのトップまでスクロールする記述が必要かと思われ。。。 30 } else { 31 // 登録処理 32 } 33 } 34 } 35} 36</script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/11 10:28
退会済みユーザー
2018/06/12 02:57
退会済みユーザー
2018/06/12 08:23 編集
退会済みユーザー
2018/06/13 02:34
2018/06/13 02:43
退会済みユーザー
2018/06/13 02:57
2018/06/13 03:01
退会済みユーザー
2018/06/13 03:46