窗口切换的时候重新加载页面

0 阅读1分钟

先说需求:一共有两个页面,列表页与详情页,点击列表页面的某一个数据进入到他的详情页面,详情页面有一个按钮 点击这个按钮之后,回到列表页面重新加载页面。

用类组件举例子吧:

componentDidMount() {
    document.addEventListener('visibilitychange', this.handleVisibilityChange);
  }

  handleVisibilityChange = () => {
    if (document.visibilityState === 'visible') {
        this.getTaskList() // 加载列表的方法
    }
  };

  componentWillUnmount() {
    document.removeEventListener('visibilitychange', this.handleVisibilityChange);
  }  // 不用了就给销毁,防止内存泄漏

成了, 虽然说框架里面尽量避免用dom,但是这个页确实是能想到的最简单的办法了

image.png ai说的哈哈哈