欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue单页面应用保证F5强刷不清空数据的解决方案

程序员文章站 2022-03-21 19:31:36
问题描述:   vue单页面用按f5强刷,数据就恢复初始了,这怎么破? 解决方案: store.subscribe((mutation, state) =&g...

问题描述:

  vue单页面用按f5强刷,数据就恢复初始了,这怎么破?

解决方案:

store.subscribe((mutation, state) => {
 sessionstorage.setitem('mobilestate', json.stringify(state));
})
 if (sessionstorage.getitem('mobilestate')) {
  state = json.parse(sessionstorage.getitem('mobilestate'));
 } else {
  state = stateorg;
 }

ps:下面看下vue父组件接收不到子组件$emit事件的原因分析

 通常有两种情况:

1.事件名称不全是小写。事件名称要求全小写。

2.不是父子关系。这里的父子关系是严格的父子关系,祖孙关系也不行。只能一层一层触发,这在写树形组件时,很容易掉坑里。