element ui如何国际化?

发布于 2022-09-11 20:03:39 字数 952 浏览 18 评论 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文件里,所以我没有头绪。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

三岁铭 2022-09-18 20:03:39

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文