刷新后数据丢失(一)
- 原因一: 异步请求(页面无数据)原因:页面渲染完成,数据还没有请求回来
- 解决方法:监听或者深度监听或者计算属性
- 代码实现:
监听执行,但是数据依旧没有,是因为获取数据的函数没有被调用。
// 异步监听得到的数据
watch: {
'Search_history': { //(Search_history变化,执行下方函数)
handler (val) {
this.getSearchDate();
// console.log(val)
}
}
}
刷新后数据丢失(二)
- 原因二:页面刷新,变量会释放,页面代码会重新开始执行一遍,vuex不储存数据
- 解决方法:数据量少储存在localStorage中,数据量多,要在本页面上从后台获取数据。
- 代码实现:
document.localStorage.setItem('变量名', value);