Vue刷新、跳转页面的数据保存方法: sessionStorage + Object.assign()

直接上代码

 跳页面时,保存当前Data的数据

  methods: {
    // 跳转页面
    Goxxx () {
      // 保存当前页面上data数据
      sessionStorage.setItem('data', JSON.stringify(this.$data))
      this.$router.push('/XXX')
    }
  }

  刷新、返回加载数据

  created () {
    // 获取源数据
    let data = JSON.parse(sessionStorage.getItem('data'))
    // Object.assign方法 赋值 (目标对象, 源对象)
    Object.assign(this, data)
  },

 

你可能感兴趣的:(那些年遇见的坑,vue基础备忘录,一些功能方法)