for ループの「TypeError ..unknown」

Question

私は BootstrapVue を使用しています。

私がやりたいこと: b-form-input があり、そこに number を書きます。 b-button がクリックされた後、それを inputs に追加したいと思います。これはうまく機能しますが、まず number がまだ inputs にあるかどうかを確認したいと思います。

問題: inputs に何かを追加しようとすると、常に次のエラーが表示されます: [Vue warn]: v-on handler error : "TypeError: this .inputs[i] は未定義です" "

データ内のすべてが正しく、for ループ がなければ正常に動作すると述べました。ここで何が間違っているのでしょうか？理解できません..

これを実行しようとすると: this.inputs[0].number 正しいデータが得られます..

私を助けようとしてくれてありがとう!

私のテンプレートのコード:

リーリー

私のスクリプトのコード:

ああああ

Answer 1

条件の使用 i <= this.inputs.length 配列の境界を超えています。 JavaScript では、配列にオーバーインデックスを付けると unknown が返されます。

修正されたハンドラーは次のようになります:

リーリー