VUE去哪儿网教程中的keep

VUE去哪儿网教程中的APP.vue：

<keep-alive exclude="Detail"> <router-view/> </keep-alive> 123

当添加：exclude="Detail"之后，detail中的header：

activated () { window.addEventListener('scroll', this.doScroll) } deactivated () { window.removeEventListener('scroll', this.doScroll) } 123456

会失效,渐隐渐现的header无法出现，后来发现那个老师的源码中改成了：

mounted () { window.addEventListener('scroll', this.doScroll) } unmounted () { window.removeEventListener('scroll', this.doScroll) } 123456

但是改成这个之后detail页面实现了头部的渐隐渐现，在doScroll（）方法中添加console.log(‘scroll’)；发现回到首页，其实 window.removeEventListener(‘scroll’, this.doScroll)事件并没有被销毁，滚动时，控制台仍能输出‘scroll’，vue官网上也并没有找到unmounted（）函数。
—————————————————————————————————————————————
实现方法：

mounted () { window.addEventListener('scroll', this.doScroll) } destroyed () { console.log("destroyed") window.removeEventListener('scroll', this.doScroll) } 1234567

当点击头部返回按钮或者浏览器返回按钮后回到首页，控制台会打印出destroyed，同时remove了全局scroll事件

目前验证可用，初学VUE不知后续还会不会出问题…

网址：VUE去哪儿网教程中的keep https://www.yuejiaxmz.com/news/view/40731

相关内容

去哪儿攻略
vue技巧
【原创】springboot+vue个人财务记账管理系统设计与实现
Keep 发布国民运动生活数据报告，90后领跑运动消费
基于Java+SpringBoot+Vue+HTML5膳食营养健康网站(源码+LW+调试文档+讲解等)/膳食搭配/营养建议/健康生活/网站推荐/营养学/饮食指南/健康饮食/营养食谱/膳食计划/健康膳食
【毕业设计】基于SpringBoot + Vue的高校线上心理咨询室系统
Keep 联合人民健康发布《2023国民健身趋势趣读》
keep！运动健身知识合集(26G高清视频）百度网盘
Keep引领绿色运动潮流，打造可持续低碳未来
让“健身去哪儿”不再成为难题

随便看看