vue中的keep-alive怎么动态的进行判断

Question

比如注册页面，里面有注册协议，打开注册协议页面缓存注册页面填写的信息，但是从注册页面离开到其他页面再进入将不会被缓存，这个问题一直没有比较好的解决办法

Answer 1

假设你的router配置这样(参考链接)：

{
    path: '/',
    name: 'home',
    component: Home,
    meta: {
      keepAlive: true // 需要被缓存
    }
  }, {
    path: '/:id',
    name: 'edit',
    component: Edit,
    meta: {
      keepAlive: false // 不需要被缓存
    }
  }

template可以写成这样：

<keep-alive>
    <router-view v-if="$route.meta.keepAlive">
        <!-- 这里是会被缓存的视图组件，比如 Home！ -->
    </router-view>
</keep-alive>

<router-view v-if="!$route.meta.keepAlive">
    <!-- 这里是不被缓存的视图组件，比如 Edit！ -->
</router-view>

Answer 2

参考这里