mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
25 lines
621 B
Vue
25 lines
621 B
Vue
<template>
|
|
<div>
|
|
<el-button mb-2 @click="toggle">Switch Language</el-button>
|
|
<br />
|
|
|
|
<el-config-provider :locale="locale">
|
|
<el-table mb-1 :data="[]" />
|
|
<el-pagination :total="100" />
|
|
</el-config-provider>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed, ref } from 'vue'
|
|
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
|
import en from 'element-plus/es/locale/lang/en'
|
|
|
|
const language = ref('zh-cn')
|
|
const locale = computed(() => (language.value === 'zh-cn' ? zhCn : en))
|
|
|
|
const toggle = () => {
|
|
language.value = language.value === 'zh-cn' ? 'en' : 'zh-cn'
|
|
}
|
|
</script>
|