关于让Bar保持相同的状态

因为公司封装的组件返回直接用的是 history.goback()

所以这里选择采用localStorage来实现这样的功能。

	if (item.substring(0, 1) === '0') {
      localStorage.clear();
    } else {
      localStorage.setItem('markType', '1');
      localStorage.setItem('bmcxIndex', item.substring(0, 6));
      localStorage.setItem('indexLeft', index.toString());
    }

在更改的函数里添加缓存,当点击到第一个bar的时候清除所有缓存。

然后在useEffect()

	const markValue = localStorage.getItem('markType');
    if () {
      let temp: string[] = [];
      // 执行某些动作
      if (markValue !== null) {
        // 走localStorage
        const bmcxIndex = localStorage.getItem('bmcxIndex');
        const index = localStorage.getItem('indexLeft');
        if (bmcxIndex !== null && index !== null) {
         
        }
      } else {
    
      }

通过判断标记值是否存在来走不同逻辑,实现功能。

上一篇:上传头像后导航栏中头像同步(Vue中监听sessionStorage)


下一篇:qt之解决qtableview加载百万行数据卡顿问题