问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

element ui如何国际化？

头像
五毛程序员
    24572234

    我是使用js引入的方式写的.html页面。
    70
    html页面代码:

    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入vue -->
<script src="../../plugins/vue.min.js"></script>
<!-- 引入jquery -->
<script src="../../plugins/jquery.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
    href="../../plugins/element-ui/theme-default/index.css">
<!--引入组件库-->
<script src="../../plugins/element-ui/index.js"></script>
<title>Insert title here</title>
</head>
<body>
<div id="rrapp">

</div>
</body>
<style>
<script type="text/javascript">
var vm = new Vue({
    el : '#rrapp',
    data : {
        showlist : true,
    },
 
    methods : {
        
    }
});
</script>
</html>

    我要如何使用element的国际化呢？因为是在.html文件里，所以我没有头绪。

    vue.jselement-uielementvue-i18n
    阅读 4.8k
    1 个回答
    得票最新
    头像
    勇敢的少年
      1.1k18200390
      ✓ 已被采纳

      通过 CDN 的方式加载语言文件

      <script src="//unpkg.com/vue"></script>
<script src="//unpkg.com/element-ui"></script>
<script src="//unpkg.com/element-ui/lib/umd/locale/en.js"></script>

<script>
  ELEMENT.locale(ELEMENT.lang.en)
</script>

      搭配 vue-i18n 使用

      <script src="//unpkg.com/vue"></script>
<script src="//unpkg.com/vue-i18n/dist/vue-i18n.js"></script>
<script src="//unpkg.com/element-ui"></script>
<script src="//unpkg.com/element-ui/lib/umd/locale/zh-CN.js"></script>
<script src="//unpkg.com/element-ui/lib/umd/locale/en.js"></script>

<script>
  Vue.locale('en', ELEMENT.lang.en)
  Vue.locale('zh-cn', ELEMENT.lang.zhCN)
</script>

      参考：elementUI

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题