refactor: add keep-alive

This commit is contained in:
Pan 2017-10-25 09:54:06 +08:00
parent c82ed3fcbf
commit 59073fb013
2 changed files with 11 additions and 12 deletions

View file

@ -1,3 +1,5 @@
<template> <template>
<router-view></router-view> <keep-alive>
<router-view></router-view>
</keep-alive>
</template> </template>

View file

@ -1,18 +1,15 @@
<template> <template>
<section class="app-main" style="min-height: 100%"> <section class="app-main" style="min-height: 100%">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<router-view :key="key"></router-view> <keep-alive>
</transition> <router-view></router-view>
</section> </keep-alive>
</transition>
</section>
</template> </template>
<script> <script>
export default { export default {
name: 'AppMain', name: 'AppMain'
computed: {
key() {
return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
}
}
} }
</script> </script>