增加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">
<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>
<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>

@ -1,10 +1,8 @@
<template>
<div>
<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>
<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>
</template>

Loading…
Cancel
Save