老师自从做了detail-ajax这个页面的请求之后那个头部渐隐渐显的部分出不来了怎么回事

来源：9-8 Vue项目详情页 - 在项目中加入基础动画

九慧金服

2018-05-26

<div>

<router-link tag="div" :to="{name:'home'}" class="header-abs" v-show="showAbs">

</router-link>

<router-link :to="{name:'home'}" class="header-fixed" v-show="!showAbs"

:style="opacityStyle"

景点详情

</router-link>

</div>

</template>

写回答

1回答

Anya_Q

2018-05-27

是因为在App.vue中设置了<keep-alive exclude="Detail">，每次都去重新加载detail界面，然后activated和deactivated函数勾子并没有被执行，将Header.vue中的监听和移除滚动的全局事件分别加到mounted和destroyed函数勾子里就可以了。

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

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

10675 学习 · 8191 问题

查看课程

相似问题

老师自从做了detail-ajax这个页面的请求之后那个头部渐隐渐显的部分出不来了怎么回事

回答 1

做完画廊渐隐渐显动画后 detail中Header部分景点详情在滚动中不显示了，代码没有报错

回答 2

pc上 header 渐隐渐显效果正常。iphone6s真机测试上滚动时 header 完全不显示

回答 2

老师加入了去缓存exclude="Detail"这个代码后 Detail里面的header头部渐隐渐现效果就会失效

回答 1

请问Detail 页面 Header部分的那个滚动显示隐藏效果，手机上测试没效果，这个问题要怎样解决呀

回答 1

打开慕课网App查看更多内容