首页
学习
活动
专区
工具
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.8K00

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.8K51
您找到你想要的搜索结果了吗?
是的
没有找到

多语言项目注意事项

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

15510

造轮子之多语言管理

多语言也是我们经常能用到的东西,asp.net core中默认支持了多语言,可以使用.resx资源文件来管理多语言配置。 但是在修改资源文件后,我们的应用服务无法及时更新,属实麻烦一些。...这里我们选用数据库配置的方式,直接查询数据库的多语言配置进行转换。 创建表实体 多语言管理只需要两个表结构,一个是多语言国家表,一个是多语言资源表。两者是一对多关系。...多语言国家编码直接使用CultureInfo.CurrentCulture.Name获取。无需传参配置。...启用多语言 再Program中添加多语言代码: builder.Services.AddLocalization(options => options.ResourcesPath = "Resources...可以看到成功获取英文和中文的多语言列表。 就这样我们完成多语言管理的实现。

20960
领券