多语言开发(vant

参考:https://blog.csdn.net/qq_44649801/article/details/131878128?spm=1001.2014.3001.5506

多语言开发(vant_第1张图片
一、抛出字段对象A
export default { }
二、引入汇总文件,(主要的是 模块分割 汇总,对A 等的处理
export default { A,B, C … }
三、处理汇总文件

剖析一:
多语言开发(vant_第2张图片

例子:A 英文
多语言开发(vant_第3张图片

例子:A 中文
多语言开发(vant_第4张图片

剖析二:多语言开发(vant_第5张图片
剖析三、
在这里插入图片描述
最后再 main,js 挂载
多语言开发(vant_第6张图片

最后:文件中调用
1、dom中使用(不同模块下的字段
在这里插入图片描述
2、在js 中使用
多语言开发(vant_第7张图片

最后 切换语言 :
多语言开发(vant_第8张图片
处理 后端返回的数据 :(语言类型为参
多语言开发(vant_第9张图片

注意字段整理 :

(1)按国际化前端实现方案配置项目;
(2)整理国际化英汉字典文件中的字段,按页面去整理。

运营管理系统字典key
字典表key用数字举例100001位框架第一个key
共用部分public,各个系统建议保持一致。前端把公共部分拉出来,前端生成key。
前端页面调用key,表单校验单独拉一套英文版的,校验规则内容长度放开。不限中英文字符,仅显示特殊字符。

你可能感兴趣的:(vue.js)