55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template>
|
|
<el-dropdown
|
|
style="height:50px;line-height: 60px;"
|
|
@command="handleSetLanguage"
|
|
>
|
|
|
|
<span class="el-dropdown-link">
|
|
<svg-icon icon-class="language" style="font-size:25px;margin:0 10px;" />
|
|
<!-- {{ language==='zh'?'语言：中文':'Language: English' }} -->
|
|
<!-- <i class="el-icon-arrow-down el-icon--right" /> -->
|
|
</span>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item
|
|
:disabled="language==='zh'"
|
|
command="zh"
|
|
>中文
|
|
</el-dropdown-item>
|
|
<el-dropdown-item
|
|
:disabled="language==='en'"
|
|
command="en"
|
|
>English
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters, mapMutations } from 'vuex'
|
|
|
|
export default {
|
|
name: 'TopLang',
|
|
|
|
data() {
|
|
return {}
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
language: 'language'
|
|
})
|
|
},
|
|
methods: {
|
|
...mapMutations({ setLanguage: 'lang/setLanguage' }),
|
|
handleSetLanguage(lang) {
|
|
this.$i18n.locale = lang
|
|
this.setLanguage(lang)
|
|
this.$updateDictionary()
|
|
window.location.reload()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style>
|