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

直接上代码

跳页面时，保存当前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)},

Vue刷新、跳转页面的数据保存方法： sessionStorage + Object.assign()相关推荐

vue 跳转页面带对象_vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法 1:router-link跳转点击跳转2 点击跳转1 点击跳转3 2:this.$router.push() 点击跳转4 export default{ name:'t ...
div地址跳转 vue_vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法 1:router-link跳转点击跳转2 点击跳转1 点击跳转3 2:this.$router.push() 点击跳转4 export default{ name:'t ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
vue切换菜单时不需要页面刷新_antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作...
废话不说,上代码! nav 1 nav 2 nav 3 重点: 1,selectedkeys要设置成$route.path地址 2,a-menu-item 的key设置成要去的地址刷新页面,成功! ...
js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...
在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...
vue 刷新嵌套路由_vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法...
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题,具体内容如下一. 异常描述本来使用的是vue-router的hash模式,但是hash模式下url需要带&q ...
asp.net服务器端跳转页面的三种方法
asp.net服务器端跳转页面的三种方法 1.Response.Redirect这个跳转页面的方法跳转速度不快,因为它要走2次回发(postback). 它可以跳转到任何页面,没有站点页面限制(可以由 ...
asp.net页面间数据传递方法总结篇
1. Get(即使用QueryString显式传递) 方式:在url后面跟参数. 特点:简单.方便. 缺点:字符串长度最长为255个字符:数据泄漏在url中. 适用数据:简单.少量.关键的数据. 适用 ...

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

Vue刷新、跳转页面的数据保存方法： sessionStorage + Object.assign()相关推荐

最新文章

热门文章