知りたいこと
親コンポーネントの中で子コンポーネントをv-forなどを用いて指定回数分回すことは可能でしょうか?
現在v-ifを使ってやりたい事はできています。
実装内容は、追加ボタンを押すと子コンポーネントが1つずつ表示されるように作成しています。
以下のコードだとあまりスマートでないことと、それぞれにindexがないので削除の処理をどう実装できるのか分からず質問させていただきました。
調べてもあまり出てこなかった為、ご存知の方よろしくおねがいします。
現在のコード
<template> <div> <button class="btn" @click="countUp" :disabled="isPush">追加</button> <option-detail v-if="this.count >= 1"></option-detail> <option-detail v-if="this.count >= 2"></option-detail> <option-detail v-if="this.count >= 3"></option-detail> </div> </template> ~省略~ data() { return { count: 0, isPush: true, } }, methods :{ countUp: function() { if (this.count < 3) { this.count++; } }, ~省略~
あなたの回答
tips
プレビュー