Vue.jsで動的に要素変更 - Qiita

配列に動的に値を追加して描画できなかったので、Obejctにしなさいよという教訓から書きます 間違い等ありましたら、ご指摘していただけると幸いです。 リアクティビティ Vue は、配列における次の変更は検知できません: インデックスと一緒にアイテムを直接セットする場合、例えば vm.items[indexOfItem] = newValue 配列の長さを変更する場合、例えば vm.items.length = newLength 上記の内容に引っかかって配列にひたすらpushして悩んでいました。(ちゃんとドキュメント読もうね...) またリアクティブプロパティの宣言も行っておらず、カオスな状況でしたので原因の発見に遅れました。 <template> <form id="form"> <table border="1"> <tr v-for="(sec, index) in task.par