Blame view

src/components/lang/langSelect.vue 1.18 KB
c1b532ad   梁保满   权限配置,路由基础设置
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
41
42
  <template>
    <el-dropdown class='international' @command="handleSetLanguage">
      <div>
        <span class="el-dropdown-link"><i class="fa fa-language fa-lg"></i>&nbsp;{{language}}<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      </div>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="cn">中文</el-dropdown-item>
        <el-dropdown-item command="en">English</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </template>
  <script>
  export default {
    name: "langSelect",
    data () {
      return {
        language: ""
      }
    },
    mounted () {
      const _lang = localStorage.lang || "cn"
      this.getLanguage(_lang)
    },
    methods: {
      handleSetLanguage (lang) {
        this.$i18n.locale = lang
        localStorage.setItem("lang", lang)
        this.getLanguage(lang)
      },
      getLanguage (val) {
        if (val === "cn") {
          this.language = "中文"
        }
        if (val === "en") {
          this.language = "English"
        }
      }
    }
  }
  </script>
  <style>
6bca489d   LH_PC   云平台二期UI
43
44
    .international .el-dropdown-link {  cursor: pointer;  color: #666666;   }
   
c1b532ad   梁保满   权限配置,路由基础设置
45
46
47
  </style>
  <style scoped>
    .international-icon {
6bca489d   LH_PC   云平台二期UI
48
   
c1b532ad   梁保满   权限配置,路由基础设置
49
50
51
52
      cursor: pointer;
      vertical-align: -5px !important;
    }
  </style>