v-для не обновления всех записей одна запись отсутствует в vue - PullRequest
0 голосов
/ 16 апреля 2019

Я пытаюсь загрузить данные, используя 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;>> Не обновляет все записи

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...