Estoy tratando de hacer una aplicación simple usando vue.js, quiero probar y guardar mis tareas pendientes que están configuradas en la matriz para que cuando reinicie el sitio, aún permanezcan. Mirando a través de parte de la documentación llegué a esto:
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; } },si bien esto guarda mi matriz en localStorage, NO HACE LOS OBJETOS DENTRO. Cuando reviso localStorage en la consola, muestra:
matriz: "[objeto Objeto]"
¿Alguien sabe cómo guardar los elementos dentro de la matriz? si lo haces por favor explícamelo.
Necesita almacenarlos como una cadena. Entonces localStorage.array = JSON.stringify(this.array) , y cuando se obtiene de localStorage this.array = JSON.parse(localStorage.array);