初歩的な質問になるかもしれませんがよろしくお願いします。
laravelのbladeとVueでカートのようなページを作成しています。
アイテムの数だけリストを回したいのですがこのcountの要素を
count1、count2とアイテムの数だけ動的に変えてjs内のdataとバインディングしたいのですが上手くいきません。
単純に{{count1}}や{{count2}}と書いた場合にバインディングされるのは確認しています。
文字列の操作で色々試しましたが結果が11となったりエラーが起きたりでダメでした。
分かる方いましたらお助けください。
追記
私が根本的におかしいことをしているかもしれませんので、実現したいことを追記します。
アイテムが複数(数は変動します)ありそれぞれに購入個数{{count*}}とプラスマイナスボタンがあり、ボタンを押すと対応したdata内の変数が加減されてそれぞれの{{count*}}の数値と連動するようにしたいです。
現状は{{count*}}この部分に変数を埋め込めないのでアイテムが複数あっても全て共通になってしまいます。
これが実現できれば全く異なる方法でも構いません。
よろしくお願いします。
php
1<div id="app"> 2 <ul> 3 <li v-for="item items" class="item-container"> 4 <div class="item-name">@{{item.name}}</div> 5 <div class="item-price">@{{item.price}}</div> 6 <div class="item-count">@{{count***}}</div> 7 <button class="plus">+</button> 8 <button class="minus">-</button> 9 </li> 10 </ul> 11</div> 12省略
js
1new Vue({ 2 el: "#app", 3 data: { count1: 1, count2: 5, count3: 0, count4: 2...}, 4 省略
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/08 09:18
2018/04/08 09:28