使用LocalStorage后页面刷新仍丢失Eintraege数组数据求助

云原生阿岚

2026-8-19

问题修复方案

1. 修正LocalStorage服务的`saveData`方法

当前saveData方法硬编码了key值，未使用传入的参数（虽当前调用场景未直接引发问题，但属于代码隐患）：

public saveData(key: string, value: string) {
    localStorage.setItem(key, value); // 将硬编码的'token'替换为传入的key参数
}

2. 完善组件的`getEintraege`方法

这是刷新后数据丢失的核心原因：你仅调用了getData获取存储的字符串，但未将其解析为数组并赋值给组件的eintraege变量，导致页面刷新后数组仍为初始空状态：

getEintraege(): void {
    const savedData = this.eintragService.getData('token');
    if (savedData) {
        this.eintraege = JSON.parse(savedData) as Eintrag[]; // 解析JSON字符串并赋值给组件数组
    }
}

3. 补全`add`方法的语法规范

确保方法最后一行添加分号（TypeScript允许省略，但规范写法需补充）：

add(beschreibung: string, faelligkeitsdatum: string) {
    var eintrag: Eintrag = {
        beschreibung: '',
        faelligkeitsdatum: '',
        erledigt: false,
    };

    eintrag.beschreibung = beschreibung;
    eintrag.faelligkeitsdatum = faelligkeitsdatum;
    eintrag.erledigt = false;

    this.eintraege.unshift(eintrag);

    this.eintragService.saveData('token', JSON.stringify(this.eintraege)); // 补充分号
}