keep-alive 的 exclude 设置多个组件部分无效。

问题描述

        如下代码，设置了三个组件状态不被保存，但是只有第一个能有效，剩余两个均无效。

<!-- vue-router -->
<div id="content">
  <keep-alive exclude="Article, Pager, ReditPage">
      <router-view></router-view>
  </keep-alive>
</div>

解决方案

1. 确保 exclude属性当中写的是组件的name而不是router的name。
2. exclude当中的多个组件之间使用逗号分隔，但是不能添加空格。

<div id="content">
  <keep-alive exclude="Article,Pager,ReditPage">
      <router-view></router-view>
  </keep-alive>
</div>