javascript - vuejs リストが製品をレンダリングし、追加ボタンをクリックしたときに、現在のリストの数を増やすにはどうすればよいですか?

Question

＃＃＃//コード＃＃＃ リーリー

</script>

Answer 1

これには通常、2 つの配列を維持する必要があります。1 つはすべての料理の配列で、もう 1 つはショッピング カートの配列です。追加、変更、削除のいずれであっても。これらはすべて、これら 2 つの配列の内容を操作するために使用されます。たとえば、皿の配列は商品であり、ショッピング カートはカードです。追加する場合は、この料理をカードに押し込み、商品内の対応する料理の数量を変更します。

Answer 2

シンプル

リーリー

Answer 3

リストの見た目はデータをループさせることで得られるので、レコードを追加したい場合はループ対象にレコードを追加する必要があります。コードは2階で書くので冗長になりません。