增加keepalive,切换tab后保留页面状态

pull/59/head
smallchill 6 years ago
parent df96f15237
commit 5e11ea86e0
  1. 4
      src/page/index/index.vue
  2. 6
      src/page/index/layout.vue

@ -18,9 +18,9 @@
<!-- 主体视图层 --> <!-- 主体视图层 -->
<div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view" v-show="!isSearch"> <div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view" v-show="!isSearch">
<keep-alive> <keep-alive>
<router-view class="avue-view" v-if="$route.meta.$keepAlive" /> <router-view class="avue-view" v-if="$route.meta.$keepAlive || $route.meta.$keepAlive === undefined"/>
</keep-alive> </keep-alive>
<router-view class="avue-view" v-if="!$route.meta.$keepAlive" /> <router-view class="avue-view" v-if="!$route.meta.$keepAlive && $route.meta.$keepAlive !== undefined"/>
</div> </div>
</div> </div>
</div> </div>

@ -1,10 +1,8 @@
<template> <template>
<div> <div>
<keep-alive> <keep-alive>
<router-view class="avue-view" <router-view class="avue-view" v-if="$route.meta.$keepAlive || $route.meta.$keepAlive === undefined" />
v-if="$route.meta.$keepAlive" />
</keep-alive> </keep-alive>
<router-view class="avue-view" <router-view class="avue-view" v-if="!$route.meta.$keepAlive && $route.meta.$keepAlive !== undefined" />
v-if="!$route.meta.$keepAlive" />
</div> </div>
</template> </template>

Loading…
Cancel
Save