エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Vue.js】フォームバリデーションで使うgetter/setter - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Vue.js】フォームバリデーションで使うgetter/setter - Qiita
Tips1 公式リファレンス 入力文字列が20文字以上だった場合にリアルタイムでerrorの表示をさせたい。 算... Tips1 公式リファレンス 入力文字列が20文字以上だった場合にリアルタイムでerrorの表示をさせたい。 算出プロパティのget/setを使用して入力を監視する。 vue <script> let app = new Vue({ el:'#app', data(){ return { contact:{ yourName:'', //input要素を定義する。 }, hasError:{ nameError: false //error判定用の初期値 } } }, computed:{ yourName:{ get(){ //yourNameで入力された取得。 return this.contact.yourName }, set(value){ //yourNameで入力された値を引数で受け取る。 if(value.length <= 20){ this.hasError.nameE