Я пытаюсь загрузить данные, используя v-for, в первый раз, когда он работает правильно, но работает динамически, после добавления некоторых данных и записи списка, используя v-for, не перечисляя все записи, пропущенные в одной записи
HTML:
<ul class="cart_inside_list" v-if="myItems.length>0">
<li v-for="(item, index) in myItems" :key="index">
<div class="vendors_desc_lis">
<p v-bind:class="{offline: (item.product_type==1)}">@{{item.productName}}</p> <span
v-on:click="removeCart"><i
class="fas fa-times"></i></span>
</div>
<div class="vendors_desc_carts">
<div class="col-md-7">
<div class="quantity-form1" style="display: block;">
<div id="decrease" value="Decrease Value" v-on:click="decreaseValue($event,2)" class="value-button">-</div> <input
type="number" v-bind:productId="item.productId" id="number"
v-bind:value="item.productCount"
class="cart-number">
<div id="increase" value="Increase Value" v-on:click="increaseValue($event,2)" class="value-button">+</div>
</div>
</div>
<div class="col-md-5">
<label v-html="currencies(item.productPrice)"></label>
</div>
</div>
</li>
</ul>
myCart: function() {
var self = this;
$.ajax({
url:'/api/myCart',
method: 'GET',
dataType:"JSON",
data:{userId:$('#user_id').val()},
beforeSend: function (data) {
$("#fadpage").show();
},
success: function (data) {
$("#fadpage").fadeOut("slow");
if(data.response.httpCode==200) {
self.myItems = data.response.result.productInfos;
self.subTotal = self.currencies(data.response.result.subTotalInfo.total);
self.cartItemIn = true;
} else {
self.cartItemIn = false;
self.myItems = [];
}
},
error: function (error) {
console.log(error);
}
});
},
dynamicCart: function(type) {
var self = this;
$i=0;
$outletId = this.outletId;
$vendorId = this.vendorId;
$userId = $('#user_id').val();
$cartItem = [];
if(type==1) {
var number = 'number';
} else {
var number = 'cart-number';
}
$('.'+number).each(function(){
if($(this).val()>0){
$cartItem.push({itemId : $(this).attr('productid'), itemCount:$(this).val(), outletId:$outletId,
vendorId:$vendorId, userId:$userId});
$i++;
}
});
$('.cart_counts_new').html($i);
// Add to cart items
delay(function(){
$.ajax({
url:'/api/addToCart',
method: 'POST',
dataType:"JSON",
data:{data:JSON.stringify($cartItem),userId:$userId},
beforeSend: function (data) {
$("#fadpage").show();
},
success: function (data) {
$("#fadpage").fadeOut("slow");
self.myCart();
},
error: function (error) {
console.log(error);
}
});
},500);
},
После добавления данных снова вызывать self.myCart ();
self.myItems = data.response.result.productInfos;>> Не обновляет все записи