如题,需求针对不同国家的人显示不同语言,常见的Case就是中英文切换。
设计思路,针对一些公共的控件描述定义不同的语言包,按国籍选择加载不同的语言包。
实现:
scripts文件夹下,新建中英文对应语言包,locales/en-US/Message.js,locales/zh-CN/Message.js
代码如下:
//locales/en-US/Message.js
export default {
'msg.ok': 'OKAA',
'msg.cancel': 'CancelAA',
};
//locales/zh-CN/Message.js
export default {
'msg.ok': '确认A',
'msg.cancel': '取消A',
};
调用语言包时先引入:
window.msg = await import('/Scripts/locales/zh-CN/Message.js');
访问语言包里的属性:
msg.default['msg.ok']
如图:
如下图,使用提示框按照语言包加载确认按钮
提示框官网链接如下:
仅供学习参考,如有侵权联系我删除