1.4 多语言切换

Element组件内部默认使用的是中文，若希望使用其他语言，则需要进行多语言设置，通过 CDN 的方式可以在线加载语言文件。例如，若要使用英文，则需要引用<script src="//unpkg.com/element-ui/lib/umd/locale/en.js"></script>；若要使用中文，则需要引入<script src="//unpkg.com/element-ui/lib/umd/locale/zh-CN.js"></script>。读者可以在<script>中通过代码“ELEMENT.locale（ELEMENT.lang.zh-CN）或者 ELEMENT.locale（ELEMENT.lang.en）”来选择使用中文或英文。Element共内置了简体中文（zh-CN）、英语（en）、德语（de）等60种语言，读者可根据自己的需求来配置所需的语言。

当然，除了在线的CDN语言文件加载方式，读者还可以将语言下载到本地进行引用。在Element 官网的首页中单击“组件”按钮，然后单击“unpkg.com/element-ui”，在弹出的页面中打开文件夹“lib\umd\locale”，可以看到多种语言的配置文件，如图1-27所示（该图只显示了部分语言的配置文件）。

图1-27 各种语言的配置文件

打开文件zh-CN.js，可弹出文件zh-CN.js的页面，如图1-28所示。单击“View Raw”按钮，可看到文件zh-CN.js的JavaScript代码，如图1-29所示。按下组合键Ctrl+S，可将文件zh-CN.js 的 JavaScript 代码保存到本地，并将其添加到项目中，在 HTML 页面中引用文件zh-CN.js即可。

图1-28 文件zh-CN.js的页面

图1-29 文件zh-CN.js的JavaScript代码