Vue刷新、跳转页面的数据保存方法: sessionStorage + Object.assign()
直接上代码跳页面时,保存当前Data的数据methods: {// 一、// 跳转页面Goxxx () {// 保存当前页面上data数据sessionStorage.setItem('data', JSON.stringify(this.$data))this.$router.push('/XXX')}...
·
直接上代码
跳页面时,保存当前Data的数据
methods: {
// 一、
// 跳转页面
Goxxx () {
// 保存当前页面上data数据
sessionStorage.setItem('data', JSON.stringify(this.$data))
this.$router.push('/XXX')
}
},
// 二、
// 如果不知道什么时候会跳转 就写在这个生命周期里面
beforeDestroy () {
sessionStorage.setItem('data', JSON.stringify(this.$data))
}
刷新、返回加载数据
created () {
// 获取源数据
let data = JSON.parse(sessionStorage.getItem('data'))
// Object.assign方法 赋值 (目标对象, 源对象)
Object.assign(this, data)
},
更多推荐
已为社区贡献17条内容
所有评论(0)