清除keep-alive的缓存

最近做项目的时候,遇到一个问题:

从列表选择一个跳到详情页，第一次是没有问题的，返回列表再次选择一个不同的点击详情，数据还是第一次的数据

想了下,因为有的界面需要使用keep-alive缓存,所以导致这个问题.

于是上网搜了下,找到一个解决方法,就是在不需要缓存的组件里加上如下代码:

  deactivated () { //清除keep-alive的缓存
    this.$destroy(true)
  }

deactivated

keep-alive组件停用时调用。

该钩子在服务端渲染期间不被调用。