Ребята, кто может помочь понять, в чем причина того, что localStorage не совсем правильно отрабатывает после перезагрузки страницы ?
Получается, если я добавляю такой же товар, как я добавил перед этим - отлично срабатывает и в localStorage.cats - этот объект не добавляется(т.к. он уже существует)
localStorage.cats после перезагрузки существует и товар(объект) уже находится в нём
Но если перезагружу страницу - то он снова добавляется.
data() {
return {
cats : [] , // массив, собирает объекты товаров
}
},
methods: {
addToCart(product){
/*sweet Alert кусок кода*/
.then((result) => {
/*Проверка на заданный товар в корзине*/
if (this.cats.includes(product)){
result.isConfirmed = false;
}
if (result.isConfirmed) {
//Send request to the server
this.form.post('products/add/'+
product.id).then(()=>{
this.cats.push(product);
this.saveLocalProducts();
console.log(result.isConfirmed);
console.log(this.sessionCookie);
console.log(localStorage.sessionCookie);
Swal.fire(
'Успешно!',
'Продукт '+this.productToCart.title+' был добавлен',
'success'
);
}).catch(() => {
Swal.fire({
title: 'Error!',
text: 'Somthing went wrong',
icon: 'error',
confirmButtonText: 'Cool'
})
});
} //result finish
})
},
saveLocalProducts(){
const parsed = JSON.stringify(this.cats);
localStorage.setItem('cats', parsed);
},
}