vue-cookies ruft den Wert ab und gibt das Objekt anstelle des tatsächlichen Werts zurück

Question

Ich verwende das NPM-Paket vue-cookies in meinem Vue-Projekt. Ich habe kein Problem damit, das Paket zu installieren, es im Projekt zu initialisieren und die Cookies zu setzen. Wenn ich jedoch versuche, den im Cookie gespeicherten Wert per Schlüssel abzurufen, wird anstelle meines gespeicherten Werts [object Object] angezeigt, und ich bin mir nicht sicher, was falsch ist: Das ist mein 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'))

Ich bin sicher this.cart 不为空， $this.$cookies.isKey('cart) 返回 true，但是 $cookies.get() 方法返回 [ object Object] und nicht mein gespeicherter Warenkorbwert. Jede Hilfe wäre sehr dankbar!

Answer 1

如果您想在控制台中查看该值，请尝试执行以下操作

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

有问题的对象可能是嵌套的，这就是它无法打印的原因。

Answer 2

在cookie中设置JSON对象时。您可以将键值设置为 JSON 字符串，而不是 JSON 对象。

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

获取时可以通过将JSON字符串解析为对象来访问。

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