keepAlive,<keep-alive>不生效,没效果

97 阅读1分钟

:key="$route.path"的问题,

是router-view标签上的key属性引起的,$key()每次都会产生一个动态数值,
因此解析时会认为进入了一个新页面,造成了页面刷新和数据重载。
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" class="ui-view" transition-mode="out-in" :key="$route.path"></router-view>
    </keep-alive>
        <router-view v-if="!$route.meta.keepAlive" class="ui-view" transition-mode="out-in" :key="$route.path"></router-view>