vue-cookies obtient la valeur et renvoie l'objet au lieu de la valeur réelle

Question

J'utilise le package npm vue-cookies dans mon projet vue. Je n'ai aucun problème à installer le package, à l'initialiser dans le projet et à paramétrer les cookies. Cependant, lorsque j'essaie de récupérer la valeur stockée dans le cookie par clé, au lieu d'afficher ma valeur stockée, cela affiche [object Object] et je ne suis pas sûr de ce qui ne va pas : Voici mon code :

this.cart.push({
  productID: this.product._id,
  product: {
    productName: this.product.productName,
    thumbnail: this.product.productMedia[0].imagePath,
    option: 'Digital Download'
  },
  unitPrice: this.product.price.listingPrice,
  quantity: 1
})
console.log(this.cart)
this.$cookies.set('cart', this.cart, 60 * 60 * 24)
console.log(this.$cookies.isKey('cart'))
console.log(this.$cookies.get('cart'))

J'en suis sûr this.cart 不为空， $this.$cookies.isKey('cart) 返回 true，但是 $cookies.get() 方法返回 [ object Object] et non la valeur de mon panier stocké. Toute aide serait grandement appréciée !

Answer 1

Si vous voulez voir la valeur dans la console, essayez ce qui suit

console.log(JSON.stringify(this.$cookies.get('cart')))

L'objet en question est peut-être imbriqué, c'est pourquoi il ne s'imprimera pas.

Answer 2

Lors de la définition de l'objet JSON dans le cookie. Vous pouvez définir des valeurs de clé sous forme de chaînes JSON au lieu d'objets JSON.

this.$cookies.set('cart', JSON.stringify(this.cart), 60 * 60 * 24)

Peut y accéder en analysant la chaîne JSON dans un objet une fois obtenue.

JSON.parse(this.$cookies.get('cart'))