vue中由于页面刷新或跳转会导致有些参数被清空,用sessionStorage存储数据,会将数据保存不会丢失。一般是在 beforeMount() 挂载前取, beforeUpdate() 更新渲染时存:
取值:
beforeMount() {
this.data= JSON.parse(sessionStorage.getItem('data'));
},
存值:
beforeUpdate() {
sessionStorage.setItem("data",JSON.stringify(this.$data));
}
【注】sessionStorage 存储数据一般为对象,当存储值为 true/false 时,会发现存取都可以得到正确的值,但是页面渲染的结果不对,这是因为存储的类型为字符串类型,而 true/false 为bool 类型, sessionStorage.getItem('signoutShow'); 取值的时候会得到带引号的值,比如说"true" / "false" ,那么这时候就需要用 JSON.parse 转换一下类型就好了。