多语言

你可以为iview-admin设置多语言，当然，你需要提供语言包，为了做示范，iview-admin在部分内容上实现了中文简体、中文繁体和英语的切换，如果你需要在iview-admin中使用多语言，需要将./src/config/index.js里的useI18n设为true，下面来介绍如何使用多语言。

step1

首先在你需要显示文本内容的地方定义这个内容的名称，然后使用vue-i18n在Vue实例中注册的$t()方法来显示你的内容。

例如你要显示这段内容 'Hello World' / '你好，世界'，你需要给他定义一个名称，如hello，然后在模板和脚本中这样定义

  1. <template>
  2.   <h1>{{ $t('hello') }}</h1>
  3. </template>
  1. <script>
  2. export default {
  3.   name: 'example',
  4.   methods: {
  5.     showMessage () {
  6.       this.$Message.success(this.$t('hello'))
  7.     }
  8.   }
  9. }
  10. </script>

step2 制作语言包

你需要在./src/local/lang文件夹下的语言包js文件内定义你刚刚的这个hello对应的内容，如下：

在./src/local/lang/zh-CN.js里定义如下：

  1. export default {
  2.   hello: '你好，世界'
  3. }

在./src/local/lang/en-US.js里定义如下：

  1. export default {
  2.   hello: 'Hello World'
  3. }

原文: https://lison16.github.io/iview-admin-doc/#/多语言