| | |
| | | <template> |
| | | <div id="app"> |
| | | <router-view /> |
| | | <router-view v-if="isRouterAlive"/> |
| | | <theme-picker /> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | export default { |
| | | name: "App", |
| | | provide() { |
| | | return { |
| | | reload: this.reload, |
| | | }; |
| | | }, |
| | | data() { |
| | | return { |
| | | isRouterAlive: true, |
| | | }; |
| | | }, |
| | | 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 |
| | | } |
| | | } |
| | | 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 |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | methods: { |
| | | reload() { |
| | | this.isRouterAlive = false; |
| | | this.$nextTick(function () { |
| | | this.isRouterAlive = true; |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | #app .theme-picker { |
| | | display: none; |
| | | } |
| | | /* #app{ |
| | | width:1920px; |
| | | height:1080px; |
| | | } */ |
| | | |
| | | |
| | | body { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | </style> |