1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
| <template>
| <el-dropdown trigger="click" @command="handleSetLanguage">
| <i class="icon-zhongyingwen"></i>
| <template #dropdown>
| <el-dropdown-menu>
| <el-dropdown-item :disabled="language === 'zh-cn'" command="zh-cn">中文</el-dropdown-item>
| <el-dropdown-item :disabled="language === 'en'" command="en">English</el-dropdown-item>
| </el-dropdown-menu>
| </template>
| </el-dropdown>
| </template>
|
| <script>
| import { mapGetters } from 'vuex';
|
| export default {
| name: 'top-lang',
| data() {
| return {};
| },
| created() {},
| mounted() {},
| computed: {
| ...mapGetters(['language', 'tag']),
| },
| props: [],
| methods: {
| handleSetLanguage(lang) {
| this.$i18n.locale = lang;
| this.$store.commit('SET_LANGUAGE', lang);
| let tag = this.tag;
| let title = this.$router.$avueRouter.generateTitle(tag);
| //根据当前的标签也获取label的值动态设置浏览器标题
| this.$router.$avueRouter.setTitle(title);
| },
| },
| };
| </script>
|
| <style lang="scss" scoped></style>
|
|
