阿拉伯文显示解决方案
阿拉伯语是个神奇的语言，有看到过阿拉伯语言阅读和写作习惯是从右到左，为了方便不同客户，提供elementUI镜像翻转效果，基于element UI框架，在保证原有组件原始特性为前提， 针对阿拉伯语言特殊阅读方式进行修改，适配阿拉伯语言网站使用。
Element will stay with Vue 2.x
Install
npm install element-ui-international -SQuick Start
// main.js
import Vue from 'vue'
import Element from 'element-ui-international'
Vue.use(ElementUI, { size: 'small' });
// or
import {
Select,
Button
// ...
} from 'element-ui-international'
Vue.component(Select.name, Select)
Vue.component(Button.name, Button)Use RTL
import VueI18n from 'vue-i18n';
// 引入修改语言方法Locale
import Locale from 'element-ui-international/lib/locale';
Vue.use(VueI18n);
const i18n = new VueI18n({
// 合并项目中的语言包
messages: {
...require('@/lang/zh-cn'), //项目中的语言包
...require('@/lang/en'),
...require('@/lang/ar')
}
});
// 动态获取elementUI的语言包， uiLang 为 ：'ar', 'en' 或 ’zh-CN‘等，
const newLang = require('element-ui-international/lib/locale/lang/' + uiLang).default;
// 设置uiLang = 'ar' 将切换为RTL布局
Locale.use(newLang, 'ar')
// 配合vueI18n 设置语言
i18n.local = uiLang
For more information, please refer to Quick Start in our documentation.
Browser Support
Modern browsers and Internet Explorer 10+.