我正在嘗試使用 vue.js 制作一個簡單的應用程式，我想嘗試保存在陣列中設定的待辦事項，以便在我重置網站時，它們仍然存在。通過查看一些檔案，我得出了以下結論：
data() {
return {
array: [
{id: 1, label: 'learn vuejs'},
]
}
},
methods: {
persist() {
localStorage.array = this.array;
alert('items saved')
}
},
mounted() {
if (localStorage.array && localStorage.array.id) {
this.array = localStorage.array;
this.array[id] = localStorage.array.id;
}
},
雖然這確實將我的陣列保存到 localStorage，但它不會包含其中的物件。當我在控制臺中檢查 localStorage 時，它??顯示：
陣列：“[物件物件]”
有誰知道如何保存陣列中的專案？如果你這樣做，請向我解釋。
uj5u.com熱心網友回復：
您需要將它們存盤為字串。所以localStorage.array = JSON.stringify(this.array)，當從 localStorage 獲取時this.array = JSON.parse(localStorage.array);
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/346177.html
標籤：javascript 数组 Vue.js Vuejs3