利用 HTML5 LocalStorage 臨時保存數據 - daniel-qa/Vue GitHub Wiki

利用 HTML5 LocalStorage 臨時保存數據

如果你希望将数据临时存储在浏览器本地,而不是直接下载文件,可以使用 localStorage:

  • 代码示例
watch: {
    listData(newVal, oldVal) {
        console.log('listData changed:', newVal, oldVal);

        // 保存到 localStorage
        const log = {
            timestamp: new Date().toISOString(),
            newValue: newVal,
            oldValue: oldVal,
        };
        localStorage.setItem("listDataLog", JSON.stringify(log));
    },

查看存储内容

在浏览器开发者工具中:

打开 Application 标签。

Storage 部分找到 Local Storage

查看保存的 listDataLog 内容。