123456789101112131415161718192021222324252627282930313233 |
- <template>
- <div id="app">
- <!-- 缓存的页面,缓存$route.meta.keepAlive为true的组件 -->
- <keep-alive>
- <router-view v-if="$route.meta.keepAlive"></router-view>
- </keep-alive>
- <!-- 不缓存的页面,不缓存$route.meta.keepAlive为false的组件 -->
- <router-view v-if="!$route.meta.keepAlive"></router-view>
- <theme-picker />
- </div>
- </template>
- <script>
- import ThemePicker from "@/components/ThemePicker";
- export default {
- name: "App",
- components: { ThemePicker },
- metaInfo() {
- return {
- title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
- titleTemplate: title => {
- return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
- }
- }
- }
- };
- </script>
- <style scoped>
- #app .theme-picker {
- display: none;
- }
- </style>
|