多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

53 lines
1.1 KiB

<template>
<div>
<v-menu bottom offset-y>
<template #activator="{on}">
<v-icon size="20" class="ml-2" v-on="on">
mdi-translate
</v-icon>
</template>
<v-list dense>
<v-list-item-group
v-model="language"
>
<v-list-item
v-for="lan in languages"
:key="lan.value"
dense
:value="lan"
color="primary"
@click="language = lan"
>
<v-list-item-subtitle class="text-capitalize">
{{ lan }}
</v-list-item-subtitle>
</v-list-item>
</v-list-item-group>
</v-list>
</v-menu>
</div>
</template>
<script>
export default {
name: 'Language',
computed: {
languages() {
return (this.$i18n && this.$i18n.availableLocales) || ['en']
},
language: {
get() {
return this.$store.state.windows.language
},
set(val) {
this.$store.commit('windows/MutLanguage', val)
}
}
}
}
</script>
<style scoped>
</style>