exclude="Detail" 代码加上去后，Detail页面的header滑动隐藏功能失效了，删除exclude="Detail"，功能又可以实现了。

来源：9-7 Vue项目详情页 - 动态获取详情页面数据

蜡笔小白丶

2020-03-10

在keep-alive 上exclude=“Detail” 代码加上去后，Detail页面的header滑动隐藏功能失效了，删除exclude=“Detail”，功能又可以实现了，请问这是什么原因啊

写回答

2回答

qq_慕运维6046394

2020-03-25

因为老师之前是把绑定滚动的事件和解绑事件写在了activated和deactivated的钩子函数中，你使用了exclued让detail的页面不再进行缓存，所以这两个钩子函数就没有了。。那个滚动显示隐藏的功能就失效了，现在有两种办法可以解决。

第一种方法是：

1、将绑定滚动事件的方法写在实例被挂载后调用的构子函数中（mounted）;

2、将解绑全局事件的方法写在页面被销毁后调用的钩子函数中（destroyed）；

第二种方法是：

1、不使用exclude="Detail" ，还是将页面进行缓存

2、但是将Detail页面中的请求写在 activated钩子中而不是mounted钩子函数中

faiz_qiao

多谢！！

2020-10-14

共1条回复

Dell

2020-03-12

这块内容是我代码写的bug，我这个月会把视频更新下，同学稍等，月底前回来看一眼，我会把解决方案加到你这节的视频里的

mei翔龙十巴掌

看了下一节，找到了嘿嘿

2020-04-23

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10705 学习 · 8203 问题

相似问题

回答 3

回答 1

回答 2

回答 2

回答 1