App.vue 990 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!--
  2. * @Description:: 请补充填写
  3. * @Version: 请配置版本号
  4. * @Author: 舟舟
  5. * @Date: 2022-06-25 22:32:24
  6. * @LastEditors: 舟舟
  7. * @LastEditTime: 2022-07-30 23:20:47
  8. * @FilePath: /ouicai_web_framework_vite_ep_nolang/src/App.vue
  9. -->
  10. <template>
  11. <el-config-provider :locale=local>
  12. <router-view></router-view>
  13. </el-config-provider>
  14. </template>
  15. <script setup lang="ts">
  16. import { onMounted, watch,ref } from 'vue'
  17. import iconfontInit from '/@/utils/iconfont'
  18. import { useRoute } from 'vue-router'
  19. import { setTitleFromRoute } from '/@/utils/common'
  20. import { useConfig } from '/@/stores/config'
  21. import { ElConfigProvider } from 'element-plus'
  22. import zhCn from 'element-plus/lib/locale/lang/zh-cn'
  23. const config = useConfig()
  24. const route = useRoute()
  25. const local = zhCn
  26. onMounted(() => {
  27. iconfontInit()
  28. config.$state.layout.screenWidth = document.body.clientWidth;
  29. })
  30. watch(
  31. () => route.path,
  32. () => {
  33. setTitleFromRoute()
  34. }
  35. )
  36. </script>