利用 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 内容。