App.vue 993 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <a-config-provider :locale="locale">
  3. <div id="app">
  4. <router-view/>
  5. </div>
  6. </a-config-provider>
  7. </template>
  8. <script>
  9. import zhCN from 'ant-design-vue/es/locale/zh_CN'
  10. import { AppDeviceEnquire } from '@/utils/mixin'
  11. import moment from 'moment'
  12. import 'moment/locale/zh-cn'
  13. moment.locale('zh-cn')
  14. export default {
  15. mixins: [AppDeviceEnquire],
  16. data () {
  17. return {
  18. locale: zhCN
  19. }
  20. },
  21. created () {
  22. // 在页面加载时读取sessionStorage
  23. if (sessionStorage.getItem('store')) {
  24. const data = JSON.parse(sessionStorage.getItem('store'))
  25. sessionStorage.setItem('Access-Token', data.user.token)
  26. this.$store.replaceState(Object.assign({}, this.$store.state, data))
  27. }
  28. // 在页面刷新时将store保存到sessionStorage里
  29. window.addEventListener('beforeunload', () => {
  30. sessionStorage.setItem('store', JSON.stringify(this.$store.state))
  31. })
  32. }
  33. }
  34. </script>
  35. <style>
  36. #app {
  37. height: 100%;
  38. }
  39. </style>