vue-cookies mendapat nilai dan mengembalikan objek dan bukannya nilai sebenar

Question

Saya menggunakan pakej vue-cookies npm dalam projek vue saya. Saya tidak mempunyai masalah untuk memasang pakej, memulakannya dalam projek dan menetapkan kuki. Walau bagaimanapun, apabila saya cuba mendapatkan semula nilai yang disimpan dalam kuki dengan kekunci, bukannya menunjukkan nilai tersimpan saya, ia menunjukkan [object Object] dan saya tidak pasti apa yang salah: Ini kod saya:

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'))

Saya pasti this.cart 不为空， $this.$cookies.isKey('cart) 返回 true，但是 $cookies.get() 方法返回 [ object Object] dan bukan nilai troli saya yang disimpan. Sebarang bantuan akan sangat dihargai!

Answer 1

Jika anda ingin melihat nilai dalam konsol, cuba yang berikut

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

Objek yang dimaksudkan mungkin bersarang, itulah sebabnya ia tidak akan dicetak.

Answer 2

Apabila menetapkan objek JSON dalam kuki. Anda boleh menetapkan nilai utama sebagai rentetan JSON dan bukannya objek JSON.

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

Boleh diakses dengan menghuraikan rentetan JSON ke dalam objek apabila diperolehi.

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