【Vue】element ui如何国际化？

我是使用js引入的方式写的.html页面。
【Vue】element ui如何国际化？
html页面代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入vue -->
<script src="https://segmentfault.com/plugins/vue.min.js"></script>
<!-- 引入jquery -->
<script src="https://segmentfault.com/plugins/jquery.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
href="https://segmentfault.com/plugins/element-ui/theme-default/index.css">
<!--引入组件库-->
<script src="https://segmentfault.com/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文件里，所以我没有头绪。

回答

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

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/element-ui"></script>
<script src="https://unpkg.com/element-ui/lib/umd/locale/en.js"></script>
<script>
  ELEMENT.locale(ELEMENT.lang.en)
</script>

搭配 vue-i18n 使用

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>
<script src="https://unpkg.com/element-ui"></script>
<script src="https://unpkg.com/element-ui/lib/umd/locale/zh-CN.js"></script>
<script src="https://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

以上是 【Vue】element ui如何国际化？ 的全部内容， 来源链接： utcz.com/a/80731.html

回到顶部