一,现象
现在的情况是编辑页面编辑更新数据后,返回旧界面,应该触发生命周期函数,重新获取数据的,但是生命周期函数并没有触发。
二,原因分析
主要原因是使用了keep-alive对组件进行了缓存,而后改用actived生命周期函数,依旧是无效,这大概率是因为我当初为了做面包屑导航,使用了嵌套路由的结构:
也就是现在导致返回上一级路由时,不触发actived生命周期函数了。
三,解决方案
这个页面不使用缓存,并且给router-view加上key
<keep-alive exclude="dishes">
<router-view :key="this.$route.path"></router-view>
</keep-alive>