0

我是使用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文件里,所以我没有头绪。

2019-05-25 提问

1 个回答

1

已采纳

通过 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

推广链接