keeep-alive加入exclude="Detail"之后,影响到了detail页面的activated的执行

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

无聊的悟空

2018-06-04

老师好,在这一节最后,为了在首页点击不同详情页而走不同的url,所以为了不缓存而在keep-alive中加入了exclude="Detail",

但是这样做之后就与前面详情页header部分渐隐渐现的效果就没了,矛盾了,因为那个效果正式利用keep-alive的activated方法实现的啊:

activated () {

window.addEventListener('scroll', this.handleScroll)

},

去掉exclude="Detail",header渐隐渐现的效果就又恢复了

这种情况怎么解决呢?


写回答

2回答

Dell

2018-06-05

把activated改成mounted,然后deactivated改成beforeDestroy即可

1
1
无聊的悟空
更改之后恢复正常了,感谢
2018-06-05
共1条回复

慕仙2237849

2018-06-24

把activated改成mounted,然后deactivated改成beforeDestroy,老师为啥要这么改

0
1
Dell
只有keep-alive里面的组件才有activated,如果移除了,他就没有了
2018-06-25
共1条回复

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

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

10675 学习 · 8191 问题

查看课程