邃芒慧语、照片说话(PC) https://photo.metavatar.cc/
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 
 

47 wiersze
1.2 KiB

  1. <template>
  2. <el-dropdown class="outSide" trigger="click" @command="handleLanguageChange">
  3. <div>
  4. <svg-icon icon-class="language" />
  5. </div>
  6. <template #dropdown>
  7. <el-dropdown-menu>
  8. <el-dropdown-item
  9. :disabled="appStore.language === 'zh-cn'"
  10. command="zh-cn"
  11. >
  12. 中文
  13. </el-dropdown-item>
  14. <el-dropdown-item :disabled="appStore.language === 'en'" command="en">
  15. English
  16. </el-dropdown-item>
  17. </el-dropdown-menu>
  18. </template>
  19. </el-dropdown>
  20. </template>
  21. <script setup lang="ts">
  22. import { useI18n } from "vue-i18n";
  23. import SvgIcon from "@/components/SvgIcon/index.vue";
  24. import { useAppStore } from "@/store/modules/app";
  25. import { useRouter } from "vue-router";
  26. const appStore = useAppStore();
  27. const { locale } = useI18n();
  28. const router = useRouter();
  29. function handleLanguageChange(lang: string) {
  30. locale.value = lang;
  31. appStore.changeLanguage(lang);
  32. if (lang == "en") {
  33. ElMessage.success("Switch Language Successful!");
  34. } else {
  35. ElMessage.success("切换语言成功!");
  36. }
  37. router.go(0);
  38. }
  39. </script>
  40. <style lang="scss" scoped>
  41. .outSide {
  42. cursor: pointer;
  43. }
  44. </style>