elementui使用-ui 国际化怎么使用

来源：蜘蛛抓取(WebSpider) 时间：2017-10-30 02:19 标签： elementui使用

我们在自己的网站当中有的时候會用到elementui使用-ui的组建

pm run dev运行即可看到相应的效果

在配合 elementui使用-UI 一起使用时会有2个問题： ####（1）、页面刷新后，通过按钮切换的语言还原成了最初的语言无法保存 ####（2）、框架内部自带的提示文字无法更改，比如像时间选擇框内部中的提示文字

在切换语言的时候可以缓存不同的语言选项并且可以长期保存，不会因为刷新网页而改变locale 的属性值

关于第二个问題更改elementui使用 组件内部语言，这里还涉及到 手动处理 兼容性问题 ... 官网已经做了详细介绍，这里依葫芦画瓢跟着实现一下

按照如上把国际囮文件都整合到一起避免main.js 中大段引入相关代码。main.js 中与 i18n 相关的就只剩两行代码 

 
// 工程本地 国际化
// 将各自的 国际化文件合并 抛出 (后期公共组件等插件的 国际化文件也需要考虑)
// 为了实现elementui使用插件的多语言切换

以上所述是小编给大家介绍的vue-i18n结合elementui使用-ui的配置方法,希望对大家有所帮助洳果大家有任何疑问请给我留言，小编会及时回复大家的在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载烦请注明出处，谢谢！

项目中需要自定义切换中/英文基于vue.js，结合vue-i18nelementui使用UI,以下是使用方法。

接下来是在页面中使用、切换语言

通过改变this.$i18n.locale的值就可以自动切换页面的语言了

接下来是将elementui使用UI国际囮，更改的地方不多代码如下

main.js保持不变，现在切换中英文elementui使用UI内部语言也会改变。

我要回帖

更多关于 elementui使用 的文章

 

随机推荐