質問: ### 前提・実現したいこと いつもお世話になっております。 下記質問1の解決方法についてご教授いただきたいです。 ※可能であれば質問2にもご教授いただきたいです。 質問1 Vue.jsで下記機能実装時に1回目は作成されるのですが、2回目以降処理が走っていないのか動的に作成されません。 ・機能:テキストボックスに入力された内容を配列に入れて、チェックボックスとボタンを動的に作成する。 実現したいこと:登録ボタン押下時にテキストボックスの内容とチェックボックスと削除ボタンが動的に作成されること どなたか解決方法のご教授お願い致します。 質問2 「v-for」の認識は下記のようなものだと思っているのですが、認識として合っていますのでしょうか? 公式サイトの「Vue.js」も確認はしたのですが、認識があっているか不安なので質問しました。 ・<タグ名 v-for="">タグ名> ←左記のタグ名の間をループ処理する。 ※今回のソースだと「App.vue」の下記「ループ部分」が登録ボタンを押下するたびに処理される。 ■ループ部分 {{todolists}} ### 該当のソースコード ``` ```
回答: 動かしてみたところ deleatebuttonというメソッドが存在しないのに指定されていることに対してエラーが出ています。 そこを削除するか、メソッドを実装すれば動くと思います。 v-forに関してはタグ名の間だけでなく、タグ自体もループ処理されます。 今回だとdivも含まれます。