首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue.js 项目前端多语言方案

最近刚做了一版基于Vue.js多语言实现,在此简单作一小结。...一、通常有哪些内容需要处理 总的来说,一个Web应用中,需要做多语言切换的内容常见的包括如下方面: 1、模板中的内容,如Vue.js的标签中的文字内容 2、JS代码中的文字内容 3、...它支持下面这样的写法: 在模板中: $t('真实姓名', 'Real Name') 或者在JS中: this....对于这个问题,我首先需要解决Vux第三方组件的多语言化问题。 首先,在语言包的组织方面,比较常见的是写成JSON配置文件。不过,我最终采用了Yaml这种格式,它支持将多语言字段写在一起。.../locales/components.yml'); 4、自定义组件内外文案的多语言化 (1)对于自定义组件内部的文案的多语言化信息,写在组件的标签中即可。

1.9K00

Vue.js 项目前端多语言方案

最近刚做了一版基于Vue.js多语言实现,在此简单作一小结。...一、通常有哪些内容需要处理 总的来说,一个Web应用中,需要做多语言切换的内容常见的包括如下方面: 1、模板中的内容,如Vue.js的标签中的文字内容 2、JS代码中的文字内容 3、...它支持下面这样的写法: 在模板中: $t('真实姓名', 'Real Name') 或者在JS中: this....对于这个问题,我首先需要解决Vux第三方组件的多语言化问题。 首先,在语言包的组织方面,比较常见的是写成JSON配置文件。不过,我最终采用了Yaml这种格式,它支持将多语言字段写在一起。.../locales/components.yml'); 4、自定义组件内外文案的多语言化 (1)对于自定义组件内部的文案的多语言化信息,写在组件的标签中即可。

2.9K51
您找到你想要的搜索结果了吗?
是的
没有找到

多语言项目注意事项

最近多语言的项目上线了,总结一下多语言应该注意那些事项。建立一个多语言网站,你会遇到很多问题,其中之一就是你计划如何将网站的内容存储在每种语言的数据库中。...可以想象,设计多语言数据库有多种方法,每种解决方案都有其优缺点。考虑到数据库结构对应用程序的重要性,开发人员必须精心设计多语言数据库。这就是开发人员不应该从头开始而是依赖最佳实践的原因。...如果系统已经成熟,再tmd改多语言,怎么办?怎么该风险最小?先不说时间和精力,更改数据库是一项风险很大的操作,因为它会引发连锁反应。修改数据库的结构涉及更改连接到它的后端。...我们采取的是:前端翻译+硬编码+后端预翻译(接口支持多语言返回,Json存储)。原则是前端所有接口不动,加头信息。时间也比较紧,最终项目算是在规定时间内,顺利交付。...其实我们还遗留一个重要的问题是:多语言系统和本地化系统的运营策略是不一样的,我们其实把它当成一样处理了。 全球化的业务需要把I18N内化成基本素养,支撑业务领域做好L10N。

21310

duilib 动态多语言支持

最近又有朋友问我duilib多语言的支持,干脆做个demo,顺便简单写个介绍,仅供参考,有更好的方案也欢迎交流。...原理就是依赖于duilib里PaintManager里面的多语言接口。核心是%{i},i是整型,可以认为是ID。...1.设置控件的文本内容为%{0}; 2.通过CPaintManagerUI::AddMultiLanguageString(0,L"多语言演示")接口添加id为0时对应的字符串。...3.程序在DrawText的时候会通过CPaintManagerUI::ProcessMultiLanguageTokens将%{0}转换为多语言演示,然后进行绘制。...控件文本是支持"程序:%{0}"这样的混用的,绘制时会自动变为"程序:多语言演示"。更多用法和玩法可以自行探索。原理就是这样。 demo是vs2017工程,主要是新的json库对vs版本有要求。

95620
领券