2017-12-25 06:25:55 +00:00
|
|
|
<template>
|
2018-08-19 08:55:24 +00:00
|
|
|
<el-dropdown trigger="click" class="international" @command="handleSetLanguage">
|
2017-12-25 06:25:55 +00:00
|
|
|
<div>
|
2018-08-19 08:55:24 +00:00
|
|
|
<svg-icon class-name="international-icon" icon-class="language" />
|
2017-12-25 06:25:55 +00:00
|
|
|
</div>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
2019-03-17 09:40:51 +00:00
|
|
|
<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-item :disabled="language==='es'" command="es">
|
|
|
|
Español
|
|
|
|
</el-dropdown-item>
|
2017-12-25 06:25:55 +00:00
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
computed: {
|
|
|
|
language() {
|
|
|
|
return this.$store.getters.language
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
handleSetLanguage(lang) {
|
|
|
|
this.$i18n.locale = lang
|
2019-04-01 09:07:16 +00:00
|
|
|
this.$store.dispatch('app/setLanguage', lang)
|
2017-12-25 06:25:55 +00:00
|
|
|
this.$message({
|
2018-08-29 07:24:47 +00:00
|
|
|
message: 'Switch Language Success',
|
2017-12-25 06:25:55 +00:00
|
|
|
type: 'success'
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|