使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)

时间:2024-03-30 18:13:32

1、首先建立一个store文件夹,然后定义一个modules文件夹,在里面定义不同的页面模块,最后在store中暴露出来。
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
2、在每个定义的页面模块中,把需要被缓存的页面的页码记录下来。
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
3、页面使用
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
首先在页码公共组件中存下这个参数,然后在每个页面中调用这个signal函数,改变页码数。
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
里面的这个changePage函数是我在页面中拿来存页面页码改变的函数。
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
4、最后在列表中传参就传这个changePage中的这个params。
使用vuex做页面缓存,当路由发生跳转的时候,跳转回的页面也是之前的离开的页面。(比如:从活动页面的第二页离开,再次回来的时候还是在第二页)
好了,以上内容就是vuex缓存页面状态代码。