vue2 设置某个组件不被keep-alive

开发vue项目时，我们习惯于在router-view组件外添加keep-alive，可以缓存已经加载过的DOM，避免重复渲染，减小开销。

<keep-alive>
    <router-view class="router-view">router-view>
keep-alive>

随之而来的问题，例如：

从列表页进入一个详情页时，如果详情页里有需要输入或者修改的地方（例如表单），操作之后，返回了列表页，然后再次进入详情页时，任然保留的是上次操作的信息，不符合需求。

此时，可以添加如下方法来设置该组件不被keep-alive：

deactivated(){
   this.$destroy();
}

 

转载于:https://www.cnblogs.com/easonw/p/9203442.html