分装button组件引发的内存泄漏问题

这个问题其实一开始在vue里写的时候并没有注意到这一点,也没有报错,直到在react里写的时候给我报了一堆错之后,经各种磨烂之后最终找到是分装button组件的问题,既然找到问题在哪就好办了

直接先上代码:

 

 

 这里分装了一个防抖的组件,为的是不让按钮操作在单位时间内过多的请求后台,但是,在路由跳转中会出现内存泄漏的问题,当前按钮的setTimeout还没有对自己内部变量访问完,但是页面已经被销毁,这样就会发生销毁的页面却没有对内存释放,导致内存泄漏。所有需要这样做:

 在销毁期把它释放掉。(顺便提一下,亲测过后,发现beforeDestroy和destroyed都可以访问到data内的数据,所以两个时期都可以处理

posted @ 2021-01-15 10:03  光头小生  阅读(116)  评论(0编辑  收藏  举报