vuejs中使用keep-alive 失效，頁面沒有緩存

app.vue

<template>
  <div id="app">
    <keep-alive>
      <router-view v-if='$route.meta.keepAlive'></router-view> 
    </keep-alive>
    <router-view v-if='!$route.meta.keepAlive'></router-view>
  </div>
</template>

路由

{
    path: '/payList',
    meta: {
        keepAlive: true
    },
    component: resolve => {
        require(['../components/payResult/list'], resolve)
    }
}

為了實(shí)現(xiàn)指定頁面的緩存，采取了如上方法，但是頁面并沒有緩存，vue版本是2.3.3；有沒有小伙伴遇到過？